jQuery获取值或单击链接的文本

时间:2018-12-04 16:38:49

标签: javascript jquery function hyperlink

我有一个选择菜单,用户可以在其中选择一个类别,然后从该类别中选择一家企业。每个业务都是一个li和一个标签。一旦用户选择了业务链接,就应该出现一个表格。但是,由于无法获取链接的值或文本,因此无法显示表格。单击链接后,有人可以帮助我获得链接的值或文本吗?

function clickListingLink(businessLinkSelected) {
  // function is for when a link is clicked after list of businesses appear
  $('#listOfBusinesses').on('click', 'li', function() {
    seeListingInfoTable(businessLinkSelected);
    $("hr").show();
  });
}

function seeListingInfoTable(businessLinkSelected) {
  // function is for table that shows info of specific link clicked 
  var tbl = "";
  tbl += '<table class="table table-hover">';
  tbl += '<tbody>';
  tbl += '<caption class="listingTitle">' + titleOfBusinessSelected +
    '</caption>';
  tbl += '<tr>';
  tbl += '<th>Address</th>';
  tbl += '<th>Phone Number</th>';
  tbl += '<th>Website</th>';
  tbl += '<th>Specialty</th>';
  tbl += '</tr>';
  tbl += '<tr>';
  tbl += '<td><div class="row_data" edit_type="click" col_name="fname">' +
    businessLinkSelected["Address"] + '</div></td>';
  tbl += '<td><div class="row_data" edit_type="click" col_name="fname"> +
    businessLinkSelected["Phone Number"] + '</div></td>';
  tbl += '<td><div class="row_data" edit_type="click" col_name="fname">' +
    businessLinkSelected["Website"] + '</div></td>';
  tbl += '<td><div class="row_data" edit_type="click" col_name="fname">' +
    businessLinkSelected["Specialty"] + '</div></td>';
  tbl += '</tr>';
  tbl += '</tbody>';
  tbl += '</table>';
  $(document).find("#infoTable").html(tbl);
} // line ends seeListingInfoTable function

还附有我的项目到目前为止的工作原理的屏幕截图。在图像中将看到下拉选择,然后您会看到出现的选项列表。用户在此处选择链接,然后单击链接后,将出现一个表格,其中包含有关所选企业的信息:

enter image description here

1 个答案:

答案 0 :(得分:0)

jQuery find()

示例:

$('#listOfBusinesses').on('click', 'li', function() {
   $("hr").show();
   var aTags = $(this).find( "a" ); // this returns all the a tags inside the clicked li as an array
   console.log(aTags[0].html());
});