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

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>。