javascript - 在按下 keyup 时使用 jquery 从最近的 span 标记中获取文本

Question

我正在尝试从最近的带有“item_price”类的跨度标记中获取文本并将其保存到变量中 - 谁能告诉我出了什么问题

我也试图获取“隐藏”输入

    $('#ajax_basket').on('keyup','input',function(event) {    
     var qty = $(this).val();
     var item_price = $(this).find('span.item_price').text();
             var hidden_id;
     console.log(qty);
     console.log(item_price);
    });

<form id="ajax_basket">
<table>
    <tr><td><input type="hidden" name="1[rowid]" value="5333a934f53d623eb18c490b57522d93"></td></tr>
<tr>
  <td>Apple iPhone 2G</td>
  <td><input type="text" name="1[qty]" value="1" maxlength="2" size="1" class="input-mini qty"  /></td>
  <td style="text-align:right" class="item_price_row">&#36;<span class="item_price">15.00</span></td>
  <td style="text-align:right" class="sub_total">&#36;15.00</td>
</tr>
<tr>
  <td>Apple iPhone 5G</td>
  <td><input type="text" name="1[qty]" value="1" maxlength="2" size="1" class="input-mini qty"  /></td>
  <td style="text-align:right" class="item_price_row">&#36;<span class="item_price">115.00</span></td>
  <td style="text-align:right" class="sub_total">&#36;115.00</td>
</tr>   
    </tr>
</table>
</form>

Answer 1

您必须后退到父级tr，然后find

$('#ajax_basket').on('keyup','input',function(event) {    
    var qty = this.value
    var item_price = $(this).closest("tr").find('span.item_price').text();

    var hidden_id;
    console.log(qty);
    console.log(item_price);
});