如何使用 jquery 获取相邻标签中的孩子的孩子的值？

Question

从一个特定的div 开始，我想使用jquery 来获取下一个div 块中input 标记的值（向下两层）。我有一个这样的 HTML 结构：

<div class="firstClass1" id="firstID1"> // suppose I start from this element
    <div class="secondClass1" id="secondID1">
        <input value="myValue1"/>
    </div>
</div>
<div class="firstClass2" id="firstID2">
    <div class="secondClass2" id="secondID2">
        <input value="myValue2"/>
    </div>
</div>
<div class="firstClass3" id="firstID3">
    <div class="secondClass3" id="secondID3">
        <input value="myValue3"/>
    </div>
</div>
...

也就是说，如果我从.firstClass1开始，我想从myValue2获取值。我曾尝试使用以下 jquery，但它不起作用：

var nextID = $('.div#firstID1').next().find('input').val();

和

var nextID = $('.div#firstID1').next().next().val();

Answer 1

这会有所帮助：http://jsfiddle.net/bQYZJ/

你有额外的. 点以及id 是firstID1 而不是firstID :) 休息我已经根据你的需要调整了它。

希望对你有所帮助，

代码

var nextID = $('div#firstID1').next('div').find('input').val();

Answer 2

你漏掉了一个引号，同时从.div#firstID1中删除dot：

var nextID = $('div#firstID').next().find('input').val();

Answer 3

将.div 替换为div。

试试看：

$('div[id^=firstID]').mouseenter(function(){
    var nextID = $(this).next().find('input').prop('value');
    alert( nextID ); // test it!
});

$('div[id^=firstID]') 表示“ID 以firstID 开头的任何 div”，
这将允许您获取任何“事件”元素的“下一个 div 输入值”，因此您无需为任何 firstID[N] 元素重写代码。

Answer 4

您可以也使用，

var nextID = $('div#firstID1 > div > input')

或

var nextID = $('div#firstID1').children().children()

或

var nextID = $('div#firstID1').children('div').children('input');

但是（出于我不知道的原因），find 的工作速度比 children 和 > 方法快。