jQuery를 사용하여 항목 목록에서 반복 단어 제거

Question

제거하거나 숨기려는 반복 된 텍스트가 포함 된 항목이있는 목록이 있습니다. 이에서 그래서 :

<ul class="juicy"> 
<li>Juicy Green Apples</li> 
<li>Juicy Green Tomatoes</li> 
<li>Juicy Green Broccoli</li> 
</ul> 

나는 이것을 달성하고 싶습니다 : 교체하는 텍스트를 미리 알고 있다면

<ul class="juicy"> 
<li>Apples</li> 
<li>Tomatoes</li> 
<li>Broccoli</li> 
</ul> 

Answer 1

jQuery의 .text() 방법은 아주 쉽게 처리 할 수 ​​있습니다.

var textToReplace = "Juicy Green", 
    re = new RegExp(textToReplace,"i"); 
$(".juicy li").text(function(index,text){ 
    return text.replace(re,''); 
}); 

편집 : 답변 코멘트에서 질문 :이 같은

뭔가 : 당신은 동적 뭔가를 시도하려는

var textToReplaceArr = ["Juicy Green","Sour Yellow"]; 
for (var i = 0; i < textToReplaceArr.length; i++) { 
    $(".juicy li").text(function(index,text){ 
    var re = new RegExp(textToReplaceArr[i],"i"); 
    return text.replace(re,''); 
    }); 
} 

Answer 2

를?

$(document).ready(

function() { 
    var repeatedWordsArray = new Array(); 
    var wordsToRemoveArray = new Array(); 
    var i = 0; 
    $($("ul.juicy > li").map(function() { 
     return $(this).text(); 
    }).get().join(" ").split(/\s+/g)).each( //Joins the text of all elements, appends space between them and then splits with space character 

    function() { 
     repeatedWordsArray[this] = repeatedWordsArray[this] == undefined ? 1 : repeatedWordsArray[this] + 1;  //Increments the counter when the same word is encountered 
     if (repeatedWordsArray[this] == 2) {  //If found twice, make a note of the word 
      wordsToRemoveArray[i++] = this; 
     } 
    }); 
    if (wordsToRemoveArray.length > 0) { 
     $("ul.juicy > li").each(
     function() { 
      var ulElement = this; 
      $(wordsToRemoveArray).each(
       function() { 
        var regexp = new RegExp('^\\s*\\w+\\s*$'); 
        if(!$(ulElement).text().match(regexp)) {  //Do not match if the text of element contains a single word with or without spaces at its ends 
         regexp = new RegExp('\\s*' + this + '\\s*','g'); 
         $(ulElement).text($(ulElement).text().replace(regexp, '')); //Set the text of the element after removing the repeatedly found word 
        } 
       } 
       ); 
      } 
     ); 
    } 
} 
); 

이 너무 다음 UL 작동 :

<ul class="juicy"> 
    <li>Juicy Green Apples</li> 
    <li>Juicy Green Tomatoes</li> 
    <li>Juicy Green Broccoli</li> 
    <li>Juicy</li> 
    <li>  Green </li> 
</ul>