我创建了一个链接,当用户点击进入时,我想提醒下一个元素内容。在下面,您可以看到类“链接”是链接本身。我的目标是通过使用$(this)方法获取“book”,“paper”,“drink”和“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);
});
答案 0 :(得分:1)
以下是我猜你想要做的一个例子:
$('a').click(function (e) {
var next = $(this).parent().next().html()
//alert(next);
console.log(next);
});
答案 1 :(得分:0)
你可以爬到像这样的共同祖先......
$('a').click(function(){
var books = $(this).closest("tr").find(".book").html();
});