jQueryの1つのULは、私は私が何をしたい二つのリスト</p> <p>を持っている別の

Question

からの要素が含まれているかどうかを確認には、最初のリストからすべての要素のテキストを取得することですその選択肢の2番目のリストに色を付けるよりも、 ....これは私が今までにやったことある

 $("#edit-field-building-no-value-wrapper option").each(function() { 
     var building = $(this).text(); 
     console.log(building); 


     $("#rssedituserdata>li").each(function(building) { 
      if ($(this).has(building)) { 
       building.css('color', 'red'); 
      } 
     }); 
    }); 

リストはありません1

<div id="rssedituserdata"> 
<li>1444</li> 
<li>1445</li> 
</div> 

リストはありません2

<div class="form-item form-item-labeled" id="edit-field-building-no-value-wrapper"> 
<select name="field_building_no[value][]" multiple="multiple" class="form-select" id="edit-field-building-no-value"> 
    <option value="1444">a</option> 
    <option value="1445">b</option> 
    <option value="1446">c</option> 
    <option value="1447">d</option> 
    <option value="1448">e</option> 
    <option value="1449">f</option> 
    <option value="1450">g</option> 
</select> 
</div> 

：

この2つのリストです

Answer 1

属性セレクタを使用して、値を持っているptionsは、リスト項目のテキストと同じ属性：

$("#rssedituserdata>li").each(function(i,v) { 
 
     $('option[value="'+$(v).text()+'"]').css('color', 'red'); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="rssedituserdata"> 
 
<li>1444</li> 
 
<li>1445</li> 
 
</div> 
 

 

 
<div class="form-item form-item-labeled" id="edit-field-building-no-value-wrapper"> 
 
<select name="field_building_no[value][]" multiple="multiple" class="form-select" id="edit-field-building-no-value"> 
 
    <option value="1444">a</option> 
 
    <option value="1445">b</option> 
 
    <option value="1446">c</option> 
 
    <option value="1447">d</option> 
 
    <option value="1448">e</option> 
 
    <option value="1449">f</option> 
 
    <option value="1450">g</option> 
 
</select> 
 
</div>

リストにない要素を削除するには次のようにします。リストの要素にクラスを追加しますそのクラスあなたは2つのリストを反復処理しようとすることができ

$("#rssedituserdata>li").each(function(i,v) { 
 
     $('option[value="'+$(v).text()+'"]').addClass('dont-remove').css('color', 'red'); 
 
    }); 
 
$('option:not(.dont-remove)').remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="rssedituserdata"> 
 
<li>1444</li> 
 
<li>1445</li> 
 
</div> 
 

 

 
<div class="form-item form-item-labeled" id="edit-field-building-no-value-wrapper"> 
 
<select name="field_building_no[value][]" multiple="multiple" class="form-select" id="edit-field-building-no-value"> 
 
    <option value="1444">a</option> 
 
    <option value="1445">b</option> 
 
    <option value="1446">c</option> 
 
    <option value="1447">d</option> 
 
    <option value="1448">e</option> 
 
    <option value="1449">f</option> 
 
    <option value="1450">g</option> 
 
</select> 
 
</div>