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

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();

Analert(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>.