jquery拼接html代码 使用三元表达式

async function search() {
  // Clear results before searching
  noresults.hide();
  resultdiv.empty();
  loadingdiv.show();
  // Get the query from the user
  let query = searchbox.val();
  // Only run a query if the string contains at least three characters
  if (query.length > 2) {
    // Make the HTTP request with the query as a parameter and wait for the JSON results
    var data = {
      "query": {
        "multi_match": {
          "query": query
        }
      },

      "highlight": {
        "pre_tags": ["<b class=\"c_color\">"],
        "post_tags": ["</b>"],
        "fields": {
          "content": {},
          "external.bookTitle": {},
          "external.bookUploadedBy": {},
          "external.bookAssignedGroups": {}
        }
      }
    };
    $.ajax({
      type: "POST",
      url: "http://192.168.1.245:9200/job_name/_search",
      data: JSON.stringify(data),
      contentType: "application/json",
      success: function (data) {
        // Get the part of the JSON response that we care about
        let results = data['hits']['hits'];
        if (results.length > 0) {
          loadingdiv.hide();
          // Iterate through the results and write them to HTML
          resultdiv.append('<p>Found ' + results.length + ' results.</p>');
          $('#searchResult').html('Search Results( ' + results.length + ')');
          let trHtml = '';
          for (var item in results) {
            let sourceTitle = results[item]._source.external.bookTitle;
            let title = results[item].highlight["external.bookTitle"];
            let content = results[item].highlight.content;
            let bookAssignedGroups = results[item].highlight["external.bookAssignedGroups"];
            let bookUploadedBy = results[item].highlight["external.bookUploadedBy"];
            // console.log(sourceTitle);
            trHtml += "<tr> <td> <div class='col-md-3'> <h4 class='text-semibold bookTitle'>"+  (title ? title : sourceTitle) + "</h4>"
            + "<div class='col-md-6' style='padding-left:0;'>"
            + (bookAssignedGroups ? bookAssignedGroups : '')
            + "</div>"
            + "<div class='col-md-6'>"
            + (bookUploadedBy ? bookUploadedBy : '')
            + "</div></div> <div class='col-md-9'></div>"
            + "<div class='col-md-12'> "
            + (content ? content : '')
            + "</div> </td> </tr>";
              console.log(trHtml);
            let resultTb = '<table class="table table-striped dataTable" style="table-layout: fixed; margin-top:0px !important">  <tbody>' +
            trHtml +
            '</tbody></table>';
          resultdiv.append(resultTb);
          }
        } else {
          noresults.show();
        }
      },
      error: function (res) {
        // console.log(res)
      },
      complete: function (res) {
        // console.log(res)
      }
    });
  }
  loadingdiv.hide();
}

三元表达式得用 () ！