我有一个选择菜单,用户可以在其中选择一个类别,然后从该类别中选择一家企业。每个业务都是一个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
还附有我的项目到目前为止的工作原理的屏幕截图。在图像中将看到下拉选择,然后您会看到出现的选项列表。用户在此处选择链接,然后单击链接后,将出现一个表格,其中包含有关所选企业的信息:
答案 0 :(得分:0)
示例:
$('#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());
});