获取下一个元素 Jquery

Posted 2023-02-25

【中文标题】获取下一个元素 Jquery

【英文标题】：Getting the next element Jquery

【发布时间】：2013-05-01 04:15:00

【问题描述】：

我创建了一个链接，当用户点击该链接时，我想提醒下一个元素内容。下面，您可以看到“链接”类就是链接本身。我的目标是仅使用 $(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);
            );

【问题讨论】：

那些不是兄弟姐妹（同一个父母的孩子）。考虑类似github.com/techfoobar/jquery-next-in-dom - 免责声明：我是作者

【参考方案1】：

这是我猜你正在尝试做的一个例子：

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

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

【参考方案2】：

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

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

【讨论】：

但问题是，我有多个不同内容的书籍课程。因此，我只想在 $(this) 类旁边的 NEXT book 类内容。

啊，我明白了。如果你有，你介意修改答案吗？

对不起，我只是以为您的意思是您找到了不同的答案。很高兴它对你有用！