Question

如何在Jquery中使用不同类和相同容器的两个元素之间删除文本（'/'）？我需要删除a.main-home和a.home之间的斜杠。 .reght_pagenation里面的链接数量是多种多样的。可能吗？非常感谢你。

HTML：

<div class="reght_pagenation">
  <a title="Úvod" href="http://www.odsavacky.cz/en">Úvod</a>
   /
  <a title="Produkty" href="http://www.odsavacky.cz/en/produkty">Produkty</a>
  <a class="main-home" href="http://www.odsavacky.cz" title="Go to Cheiron a.s..">Cheiron a.s.</a>
   /
  <a class="home" href="http://www.odsavacky.cz/en" title="Go to CHEIRÓN a.s. - English.">CHEIRÓN a.s. - English</a>
   / Suction systems
  </div>

Answer 1

您可以在main-home之后找到文本节点并将其删除... filter()仅用于进行双重检查。

var $mh = $('.reght_pagenation .main-home');
$($mh.prop('nextSibling')).filter(function(){
    return this.nodeType == 3
}).remove()

演示：Fiddle

如果始终确保结构与you can omit the filter()

相同

Answer 2

使用像fiddle这样的过滤功能：

$(".reght_pagenation").contents().filter(function() {
    return this.nodeType==Node.TEXT_NODE && $(this).text().trim()=="/";
}).detach();

Answer 3

您可以按如下方式使用过滤功能：

$('.reght_pagenation')
  .contents()
  .filter(function() {
    return this.nodeType == Node.TEXT_NODE;
  }).remove();

Answer 4

您可以使用简单的 jQuery 标记：

<script>
  var test1 = $('.reght_pagenation .main-home');
  $(test1.prop('nextSibling')).remove()
</script>

如何在Jquery中删除两个元素之间的文本？

4 个答案: