JQuery Selector Table Cells

我试图在单击名为RoomTypes[0].RoomOptionId的单选按钮时，名称为Promotion_26615的文本框的值。JQuery Selector Table Cells

我试过几个选择器，但没有任何工作。例如：

$('.radio').click(function() { 
    var t = $(this)prev().prev().prev().prev().find("input[name*=Promotion_]").val(); 
});

和HTML：

<tbody> 
    <tr> 
    <td class="roomtypeheader"><b>Free Nights - Stay 7 Pay 6 (Double Reethi)</b></td> 
    <td data-title="Room Type" class="roomtypeheader">Reethi Villa</td> 
    <td data-title="Board Type" class="roomtypeheader">Bed &amp; Breakfast</td> 
    <td data-title="Price" class="roomtypeheader">$816.00 pp</td> 
    <td data-title="Select" class="roomtypeheader"> 
     <div class="radio"> 
     <label> 
      <input type="radio" name="RoomTypes[0].RoomOptionId" value="a3fb34ee-4ec2-41cc-a093-be25ba75b0c9"> 
      <input type="hidden" name="RoomOptionPrice" value="816"> 
      <input type="hidden" name="RoomOptionChildPrice" value="0"> 
      <input type="hidden" name="NumberOfAdults" value="1"> 
      <input type="hidden" name="NumberOfChildren" value="0"> 
      <span class="hidden">option1</span> 
     </label> 
     </div> 
    </td> 
    </tr> 
    <tr> 
    <td></td> 
    <td>Honeymoon Offer</td> 
    <td></td> 
    <td>$72.00</td> 
    <td><input type="checkbox" name="Promotion_26615" value="72.0000" /></td> 
    </tr>

来源

2016-01-21 Steve Browne

我会使用：

var t = $(this).closest('tr').next().find("input[name*=Promotion_]").val();

jsFiddle example

.prev()将无法正常工作，因为选择前一个兄弟，你需要一个祖先（其中.closest()或.parent()或.parents()会选择）。

来源

2016-01-21 16:55:44 j08691

这几乎可以工作，但是当我添加一个新行时，所有的促销活动都被选中。我只想要接下来三行的促销 –

添加一个新行不是你问题的一部分。 – j08691

看起来你已经有了一个错字在你的代码：

$(this)prev()在一开始应该读$(this).prev()（缺少句号/期间）

我想如果您在运行代码的任何浏览器中使用JavaScript控制台，您将看到语法错误。

假设你的代码的prev()prev().prev().prev().prev()一部分是用于遍历DOM回父form元素，下面会更合适：

$('.radio').click(function() { 
    var t = $(this).parents('form').find('input[name*="Promotion_"]').val(); 
});

来源

2016-01-21 16:51:34 toomanyredirects

您可以父行的兄弟姐妹中找到：

 
var t = $(this).parents('tr').siblings().find("input[name*=Promotion_]").val();

来源

2016-01-21 16:53:58 gaetanoM

JQuery Selector Table Cells

回答

相关问题