2017-04-18 157 views
2

具體文字我有指向特定頁面的列表:jQuery的刪除各列表項

<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> 

我需要去通過列表,刪除「相同」每個「標題」和。 我不確定是否需要使用過濾器()或包含()其他東西。

任何幫助,將不勝感激。

在此先感謝!

回答

1

下面是一個簡單的方法來做到這一點

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

+0

謝謝,就這一個 - 快速和容易。 +1 – user1689274

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

我想用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>

0

如果您的文本是固定的,我以爲你已經得到了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]); 
}); 
0

這是可能與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>