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>