jquery - 获取此元素与下一个已知元素之间的文本

Question

任何人都可以告诉我以下代码做错了什么吗？

<table>
  <tr>
    <td>
      <input type="radio" name="rinput">$100 <br>
      <input type="radio" name="rinput">$200 <br>
    </td>
  </tr>
</table>

<script>
$('table').click(function () {
  $('input[type="radio"]').each(function() {
    if($(this).is(':checked')) {
      var text = $(this).nextUntil('br').text();
      alert(text);
    }
  });
});
</script>

基本上，我试图获取当前元素“$(this)”和下一个元素“br”(如果选中)之间的文本。

http://jsfiddle.net/wu3bf/

Answer 1

这怎么样？无需更改 HTML:

$('table').click(function () {
  text = $('input[type=radio][name=rinput]:checked')[0].nextSibling.nodeValue;
  alert(text);
});

顺便说一句，由于一次只会检查一个 name=rinput 复选框，因此您的 each() 方法是多余的。我在选择器中使用了 [name=rinput]:checked。

JSFiddle