如何访问DOM中同一级别的元素?

时间:2009-10-03 13:22:51

标签: javascript jquery html dom

<div id="dad">
     <img id="mum">
     <input>
</div>

使用jQuery,我怎样才能访问input元素,get是值还是设置它?我无法弄清楚如何访问同一级别的东西..我不想使用ID,只是父/子节点,所以我可以使用代码加载爸爸 div的

谢谢!

6 个答案:

答案 0 :(得分:6)

Zed的补充,

$(this).parent().children('input');

如果您为输入字段命名,那么您可以轻松地在其他字段中进行选择,

$(this).parent().children('input[name=my_input]');

然后你可以给出任何值:

$(this).parent().children('input[name=my_input]').val('any value');

思南。

答案 1 :(得分:2)

var myEl = $("#dad").children(":input");

答案 2 :(得分:1)

$(this).parent()。children()?

答案 3 :(得分:0)

试试这个,找到第一个子输入元素:

jQuery("div").find("input:first")

答案 4 :(得分:0)

如果我理解问题,您希望从input级别获得mum? 所以试试$("#mum ~ input")...

顺便说一下,按类别http://visualjquery.com/搜索jquery函数的好网站+很好的例子。

答案 5 :(得分:0)

我想你想找到兄弟姐妹(具有相同深度和相同父节点并且在DOM树中的节点)

$(el).next() - 集合中所有元素的下一个元素(兄弟) $(el).nextAll - 以下所有兄弟姐妹 $(el).nextUntil - 所有兄弟姐妹,在某些情况下停止(不包括第一次“不良比赛”)。 此外,你有下一个相邻的选择器(+)和下一个兄弟选择器。

相同的prev,prevAll和prevUntil。 你甚至有一个兄弟姐妹的方法。 检查this