Question

我有一些指向某些页面的链接列表：

<ul class="title-list">
 <li><a class="title "href="#">Title A Same</a></li>
 <li><a class="title "href="#">Title B Same</a></li>
 <li><a class="title "href="#">Title C Same</a></li>
</ul>

我需要查看列表并删除标题＆＃39;和＆＃39;相同＆＃39;从每个。我不确定是否需要使用filter（）或contains（）其他东西。

任何帮助将不胜感激。

提前致谢！

Answer 1

我使用html和一个函数来切片所有字符串。如果您希望可以根据效率原因将长度分配给变量。

$(".title").html(function () {
  return $(this).html().slice("Title".length, -"same".length)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="title-list">
 <li><a class="title "href="#">Title A Same</a></li>
 <li><a class="title "href="#">Title B Same</a></li>
 <li><a class="title "href="#">Title C Same</a></li>
</ul>

Answer 2

这是一种简单的方法

  $(".title").each(function() {
    var x = $(this).text();
    x = x.replace('Same','');
    x = x.replace('Title','');
    $(this).text(x);
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="title-list">
  <li><a class="title " href="#">Title A Same</a></li>
  <li><a class="title " href="#">Title B Same</a></li>
  <li><a class="title " href="#">Title C Same</a></li>
</ul>

Answer 3

$('.title-list li').each(function(li) {
  li.innerText = li.li.innerText.replace('Title', '').replace('Same', '');
});

Answer 4

如果您的文字已修复，我认为您已获得length而不是replace。

<强> HTML

<ul class="title-list">
  <li><a class="title " href="#">Title A Same</a></li>
  <li><a class="title " href="#">Title B Same</a></li>
  <li><a class="title " href="#">Title C Same</a></li>
</ul>

<强> JQuery的

$(".title").each(function() {
   let str = $(this).text().split(" ");
   $(this).text(str[1]);
});

Answer 5

可以使用jquery替换方法删除。

// It is possible to remove with the jquery replace method.

$(".title-list li a").each( function(){

  var a = $(this).text();
  
  var b = a.replace("Title", "");
  var c = b.replace("Same", "");
  
  $(this).text(c);
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<ul class="title-list">
 <li><a class="title "href="#">Title A Same</a></li>
 <li><a class="title "href="#">Title B Same</a></li>
 <li><a class="title "href="#">Title C Same</a></li>
</ul>

jQuery删除每个列表项中的特定文本

5 个答案: