jquery - 选择下一个元素，从某个元素开始

Question

我的页面上有两个radio按钮。当我选择第一个时，我希望它禁用inputdiv 内的特定字段集。当我选择第二个radio时，我希望它禁用其他元素。但是这些元素并没有嵌套在div按钮radio所在的位置。

我似乎无法找到禁用正确元素的好方法。

这是一个例子： http ://tinkerbin.com/tvx5EwHR

有人知道我如何禁用正确的输入字段吗？

请注意，我宁愿不用parent().parent()作解决方案。因为当我后来决定稍微改变 DOM 布局时，这很容易破坏我的 JS。

Answer 1

与其尝试用选择器做任何复杂的事情，我只想稍微更新一下 DOM。就像是

<input type="radio" ... data-disable="element1"/>
...
<div class="element1">
...

$(this).data('disable')然后，在 jQuery 中，您可以在第一次启用所有输入后获取要禁用的元素的类。

Answer 2

如果您想启用/禁用与单选按钮关联的整个 div，那么这可能会有所帮助

https://stackoverflow.com/questions/7340449/how-can-i-disable-a-div-tag-on-my-html-page-using-javascript

Answer 3

请试试这个http://tinkerbin.com/xQjeYD6C

$(function() {
  $('.opt1').click(function() {
    $('.elements1').show();
    $('.elements2').hide();
  });

  $('.opt2').click(function() {
    $('.elements1').hide();
    $('.elements2').show();
  });
});