获取下一个元素Jquery

s3fp2yjn  于 2023-06-22  发布在  jQuery
关注(0)|答案(2)|浏览(163)

我创建了一个链接,当用户点击进入时,我想提醒下一个元素的内容。在下面,你可以看到类“link”是链接本身。我的目标是通过使用$(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> Package ,而<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);
            });
sy5wg1nm

sy5wg1nm1#

这里有一个我猜你正在尝试做的例子:

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

更多信息:http://jsfiddle.net/juaning/7tDKZ/

inb24sb2

inb24sb22#

你可以像这样爬到一个共同的祖先面前。。

$('a').click(function(){
    var books = $(this).closest("tr").find(".book").html();
});

相关问题