如何在单选按钮和标签隐藏后隐藏BR

Question

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

hide(( 单选按钮 * 和 * 它在 jquery 中的文本标签

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

$('label[for=id2],#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/>

解决方案 我最终在整条线周围放了一个 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/>