文章/答案/技术大牛

发布

社区首页 >问答首页 >JQuery选择表单元

问JQuery选择表单元
EN

Stack Overflow用户

提问于 2016-01-21 16:43:53

回答 2查看 190关注 0票数 0

当单击名为Promotion_26615的单选按钮时，我试图获取名称为RoomTypes[0].RoomOptionId的文本框的值。

我试过几个选择器，但都没有用。例如：

$('.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>

html-table

selector

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-01-21 16:55:44

我会用：

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

jsFiddle实例

.prev()无法工作，因为它选择了前面的兄弟姐妹，您需要一个祖先( .closest()、.parent()或.parents()将选择这些祖先)。

票数 0

Stack Overflow用户

发布于 2016-01-21 16:51:34

看起来您在代码中输入了一个错误：

开头的$(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();
});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34929468

复制

相似问题

问JQuery选择表单元
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery选择表单元EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery选择表单元
EN