【问题标题】:jQuery get value or text of clicked linkjQuery获取点击链接的值或文本
【发布时间】:2019-05-06 03:46:58
【问题描述】:

我有一个选择菜单,用户可以在其中选择一个类别,然后他们从该类别中选择一个企业。每个业务都是一个li和一个tag。一旦用户选择了业务链接,就会出现一个表格。但是,我无法让表格出现,因为我无法获取链接的值或文本。有人可以帮助我在单击链接后获取链接的值或文本。

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

还附上我的项目到目前为止的工作方式的屏幕截图。您将在图像中看到的是下拉选择,然后您将看到选项列表出现。这是用户选择链接的地方,一旦他们点击链接,就会出现一个表格,其中包含有关所选业务的信息:

【问题讨论】:

  • 代码显示点击一个 li 并且您的 html 生成一个表格?清单在哪里?所以阅读文本? $(this).text()
  • 不,它没有生成表格。一旦用户单击 2 li 链接中的 1 个链接,就会出现一个包含该业务信息的表格。它没有发生

标签: javascript jquery function hyperlink


【解决方案1】:

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());
});

【讨论】:

  • 我是否可以像这样将这段代码放在我的“clickListingLink”函数中: function clickListingLink(businessLinkSelected) { // 函数用于在出现企业列表后单击链接 $('#listOfBusinesses') .on('click','li', function(){ $( "li" ).find( "a" ).html(); 参见ListingInfoTable(businessLinkSelected); $("hr").show(); } ); }
  • 我已经编辑了我的问题,您可以参考一下吗?
  • 我刚试了一下,它仍然没有显示带有点击信息的填充表格。
猜你喜欢
  • 2011-06-19
  • 2012-11-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-06-26
  • 1970-01-01
  • 2011-07-27
相关资源
最近更新 更多