1

我创建了一个链接，当用户单击该链接时，我想提醒下一个元素内容。下面，您可以看到“链接”类就是链接本身。我的目标是通过使用 $(this) 方法获取“book”、“paper”、“drinks”和“videos”类的内容。

<td><a href="#" class="link">This is a Link</a></td>
<td><span class="book">This is a book</span></td>
<td><span class="paper">This is a paper</span></td>
<td><span class="drinks">This is a book</span></td>'
<td><span class="videos">This is a videos</span></td>'

我已经完成了类似下面代码的操作，但它似乎无法到达这些类，因为“a”不是这些类的兄弟姐妹，因为它们与<td>它们的原始父母包装在一起。有没有办法处理这个？

$('a').click(function(){
               var books = $(this).siblings('.book').html();
                   var paper = $(this).siblings('.paper ').html();
                   var drinks = $(this).siblings('.drinks').html();
                   var videos= $(this).siblings('.videos').html();

                  alert(books);
            });
4

2 回答 2

1

Here's an example of what I guess you're trying to do: 

$('a').click(function (e) {
    var next = $(this).parent().next().html()
    //alert(next);
    console.log(next);
});

for more info: http://jsfiddle.net/juaning/7tDKZ/

于 2013-05-01T04:52:48.253 回答
0

你可以像这样爬到一个共同的祖先那里......

$('a').click(function(){
    var books = $(this).closest("tr").find(".book").html();
});
于 2013-05-01T04:18:10.150 回答