如何刪除Jquery中兩個元素之間的文本？

Question

如何刪除Jquery中具有不同類和相同容器的兩個元素之間的text（'/'）？ 我需要刪除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()

演示： 小提琴

如果始終保證結構相同，則可以省略filter（）

Answer 2

使用像這樣的小提琴過濾器功能：

$(".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>