Javascript - IMGのソースを見つけてDIVの背景を変更してください

Question

私はさまざまな状況で多くの例を見つけましたが、それらを組み合わせて、私が望む結果を達成するのに十分な経験はありません。特定の画像ソースと一致するDIVを強調表示するために、TamperMonkey/GreaseMonkeyスクリプトを作成しようとしています。次のように

ウェブサイトのコードがあり、私はそれを変更することはできませんが、その読みやすいように、私がイメージして過剰のコードのURLを削除：イメージ - を検索するためのコードを探して

<div class="listing_results> 
    <div class="listing_row" id="listing_1"> 
     <div class="listing_img_container">  
      <img id="listing_1_image" src="image-source-1.jpg"> 
     </div> 
    </div> 
    <div class="listing_row" id="listing_2"> 
     <div class="listing_img_container">  
      <img id="listing_2_image" src="image-source-2.jpg"> 
     </div> 
    </div> 
    <div class="listing_row" id="listing_3"> 
     <div class="listing_img_container">  
      <img id="listing_3_image" src="image-source-3.jpg"> 
     </div> 
    </div> 
</div> 

イム -のリスト行の背景色を DIVに変更します（たとえば、image-source-2.jpgを検索し、listing_rowを緑色に変更します）。

Answer 1

$('img[src="image-source-2.jpg"]').parent().css('background-color','red');

div{ 
 
    \t padding:5px; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 

 
<div class="listing_results> 
 
    <div class="listing_row" id="listing_1"> 
 
     <div class="listing_img_container"> 
 
      <img id="listing_1_image" src="image-source-1.jpg"> 
 
     </div> 
 
    </div> 
 
    <div class="listing_row" id="listing_2"> 
 
     <div class="listing_img_container"> 
 
      <img id="listing_2_image" src="image-source-2.jpg"> 
 
     </div> 
 
    </div> 
 
    <div class="listing_row" id="listing_3"> 
 
     <div class="listing_img_container"> 
 
      <img id="listing_3_image" src="image-source-3.jpg"> 
 
     </div> 
 
    </div> 
 
</div>