如何獲取下一個輸入元素的值？

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>的孩子。