簡體   English   中英

jQuery查找數據屬性值

[英]jQuery find data attribute value

您好,我有一個帶有數據屬性的表,如果數據屬性具有相同的值,我該怎么辦。

 <tr style="height: 40px;" cart-item="" data-line-weight="10" data-total-lien="10" data-item-barcode="3434" class="tablerow" id="rowid1">

我正在嘗試查找具有data-item-barcode的TR等於“ 3434”,並更改在找到的TR內的輸入文件的值

<tr style="height: 40px;" cart-item="" data-line-weight="10" data-total-lien="10" data-item-barcode="3434" class="tablerow" id="rowid1">
<td width="210" class="text-left" style="line-height:30px;">
<span style="text-transform: uppercase;">food</span></td>
<td width="130" class="text-center" style="line-height:30px;">10</td>
<td width="145" class="text-center"><div class="input-group input-group-sm">
<span class="input-group-btn">
<button class="btn btn-default item-reduce" type="button" id="reduce1">-</button>
</span>
<input type="number" name="QNY[]" value="1" class="form-control qny" aria-describedby="sizing-addon3" id="qny1">
<span class="input-group-btn"><button class="btn btn-default item-add" type="button" id="addB1">+</button></span></div></td></tr>

謝謝

如果我很了解您想要實現的目標,那么應該可以:

$('tr[data-item-barcode="3434"] input[type="number"]').val('YOUR VALUE');

我不太確定您要達到什么目的,但是我猜想是這樣的,如果我將tr與該屬性匹配(data-item-barcode = 3434),我想用一些值更新輸入?

因此,它去了:

 var trMatched = $("tr[data-item-barcode=3434]"); if(trMatched.length > 0){ $("input", trMatched).val(20); } 
 <!DOCTYPE html> <html> <head> <title>Test</title> </head> <body> <table> <tr style="height: 40px;" cart-item="" data-line-weight="10" data-total-lien="10" data-item-barcode="3434" class="tablerow" id="rowid1"> <td width="210" class="text-left" style="line-height:30px;"> <span style="text-transform: uppercase;">food</span> </td> <td width="130" class="text-center" style="line-height:30px;">10</td> <td width="145" class="text-center"> <div class="input-group input-group-sm"> <span class="input-group-btn"> <button class="btn btn-default item-reduce" type="button" id="reduce1">-</button> </span> <input type="number" name="QNY[]" value="1" class="form-control qny" aria-describedby="sizing-addon3" id="qny1"> <span class="input-group-btn"><button class="btn btn-default item-add" type="button" id="addB1">+</button></span> </div> </td> </tr> </table> </body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </html> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM