Jquery,在previus表上找到下一个表单击,使用find(),parent(),next()

时间:2016-01-10 22:04:07

标签: jquery

这是HTML:

<table id="head" class="head"><tr><td>FIND CONTENT </td> </tr></table>
<table id="content" class="content"> <tr><td>I HOLD CONTENT</td></tr> </table>

这是jQuery函数,我尝试的一切,不是那些警报显示内容只是未定义,我需要在下一个表中添加一个类

$(".head").mouseup(function () {
    alert(this.id);
    alert($(this).next(".content").id);
    alert($(this).next("table").id);

    alert($(this).parent().siblings('table').id)
    alert($(this).closest('table').next(':has(.class):content').find('.class').id);

    alert($(this).closest( ".content" ).id);
    alert($(this).parents().next("table").id);
    alert($(this).parent().parent().parent().next().find(".content").id);
    alert($(this).parent().next().find('.content').id);  
    alert($(this).parent().next('.content').id);  
    alert($(this).parent().next(".content").id);
});

1 个答案:

答案 0 :(得分:1)

您需要访问 jQuery object中DOM元素id属性。您正在尝试检索 jQuery对象的id属性(这是一个由DOM元素组成的集合)。

您可以在jQuery对象中获取第一个DOM元素:

$(this).next(".content")[0].id

或者您可以使用.prop() method来检索属性:

$(this).next(".content").prop('id');