单选按钮后如何隐藏BR＆amp;标签是隐藏的

Question

这个答案是关于隐藏单选按钮及其标签，但我还有一个BR标签，我需要隐藏它。目前，还有一条空白。

hide() radio button *and* its text label in jquery

$("label[for=sample],#sample").hide();

＆＃13;

＆＃13;

$('label[for=id2],#id2').hide();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="radio" id="id1" name="a" />
<label for="id1">Option1</label><br/>
<input type="radio" id="id2" name="a" />
<label for="id2">Option2</label><br/>
<input type="radio" id="id3" name="a" />
<label for="id3">Option3</label><br/>

＆＃13;

＆＃13;

＆＃13;

解决方案我最终在整条线上放了一个DIV并隐藏了DIV。

Answer 1

您尝试过id吗？

$('br#hide').hide();

像这样。

Answer 2

获取该选项的id并使用它来停用当前选项并移除label和br。

$('input[type="radio"]').click(function() {
  var label = $(this).next('label').attr("for", $(this).attr('id'));
  $(this).hide();
  $(label).next('br').hide();
  $(label).hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="radio" id="id1" name="a" />
<label for="id1">Option1</label><br/>
<input type="radio" id="id2" name="a" />
<label for="id2">Option2</label><br/>
<input type="radio" id="id3" name="a" />
<label for="id3">Option3</label><br/>

或

  var label =   $('label[for=id2]');
  $(label).next('br').hide();
  $(label).hide();
  $('#id2').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <input type="radio" id="id1" name="a" />
    <label for="id1">Option1</label><br/>
    <input type="radio" id="id2" name="a" />
    <label for="id2">Option2</label><br/>
    <input type="radio" id="id3" name="a" />
    <label for="id3">Option3</label><br/>