Question

我使用以下代码在当前页面的div中打开外部页面：

$(document).ready(function(){
     $("#content").load("content.html");
});

(function($) {  
$(function() {  
$('.load_link').click(function() {  
     $("#content").load($(this).attr('href'));  
     var $row = $(this).closest("tr");
     $row.removeClass("rownotselected").addClass("rowselected");
     $row.siblings("tr").removeClass("rowselected").addClass("rownotselected");
     return false;  
 });

然后是实际链接：

<a href="content2.html" class="load_link">Link text</a>

链接显示在表格中，我希望能够使整行可以点击以打开链接而不仅仅是文本。以前我只有一个页面要加载所以我在函数中硬编码了页面名称，只要用以下代码单击该行就打开它：

<tr class="rownotselected load_link" style="cursor:pointer;">

但是现在有多行需要点击，指向不同的页面，所以我需要能够通过上述方法将href值传递给函数，方法与常规链接相同。这可能吗？

我希望我已经明确提出这个问题，如果没有，请告诉我。

提前感谢您的帮助！

Answer 1

使用has selector：

如何做到这一点

$('tr:has(.load_link)') // select tr elements that have .load_link descendants
    .click(function(e) {
        e.preventDefault();

        var link = $(this).find('a.load_link');

        $('#content').load(link.attr('href'));
        $(this).removeClass('rownotselected').addClass('rowselected')
               .siblings()
                   .removeClass("rowselected").addClass("rownotselected");
    });

参见API：

将href传递给jquery

1 个答案: