jQuery移除BR标签

Question

当我点击删除按钮时，我动态添加了两个<br>标签（只是为了使UI看起来更好），但我无法删除这两个<br>标签所添加的空格。如果我在控制台查看，它会显示为<br/>（小写），我已尝试过大写、小写和remove()方法。

var container = $("#CCcontainer")
container.append("<div id =" + removeID + " ><div class =\"form-group col-sm-10\"></div><div class =\"form-group col-sm-2\"><button id=\"btn" + removeID + "\" type=\"button\" class=\"btn btn-warning form-control\">Remove Card</button></div></div></BR></BR>");

//Below line is in a remove Card click action.

 $( "<br/>" ).remove();

有人能帮忙教我如何去掉这个空格吗？

- user3067524

Answer 1

使用 br 选择器来选择所有的 <br/> 标签。

 $("br").remove();

- Pranav C Balan

---

甜：）。它起作用了，但带来了另一个我没有预料到的问题。由于它删除了所有BR，它再次破坏了我的用户界面。是否有任何方式可以控制仅删除特定的BR标签？我有一个removeID唯一值。 - user3067524

$('#YourContainer').find('br').remove(); 或者你可以使用 $('br').eq(1).remove(); eq()里的值是索引，从0开始。 意思是：通过jQuery选择器找到容器中所有的换行符并移除，或者通过选择器找到第二个换行符并移除，括号内的数字表示该换行符在选择器匹配结果中的索引，索引从0开始计数。 - Pranav C Balan

Answer 2

您可以使用 CSS 或 jQuery 删除 <br>。

CSS 代码

#YourContainer br {
  display: none;
}

或者使用jQuery

$('br').remove();

- Monirul Islam

Answer 3

您可以使用：

  $("br").remove();

如果您不想删除页面中所有的 <br>，而是更具体地只针对您的 #CCcontainer div 中的 <br> 进行操作，则可以使用以下代码：

$('#CCcontainer br').remove();

- Felix

Answer 4

你还可以使用隐藏函数来删除 class='remove' 标签，只需将类分配给 br 标签并根据需要调用此函数$(".remove").hide(); 保留html标签。

- damon