如何获取下一个输入元素的值？

Question

我有以下代码：

<li class="order_line"> 
    <div class="rating"> 
    <input type="textbox" value="10" maxlength="3" class="store_rating" name="item_rating"> 
    </div> 
    <div class="cost"> 
    <input type="textbox" readonly="readonly" value="469" maxlength="3" class="store_cost" name="item_rating"> 
    </div> 
</li> 

我得到的是使用此代码最接近：

var cost = $(this).parent().next().html(); 

的alert(cost)将输出中整个<input...字符串。

但我无法获得价值。

我发现了几个类似的问题（这就是我几乎得到解决方案），但我无法完成最后的步骤。

我在这里错过了什么？

Answer 1

var cost = $(this).parent().next().find("input").val();

您需要家长div中进行搜索，找到input，然后使用val()

获得的价值或者如果你只有两个，像上面的例子，你可以使用的东西像：

$("input").not(this).val()

Answer 2

.parent()让你到<div>元素，.next()让你到下一个<div>。你想要那个<div>这是一个<input>的孩子。