Javascript - Найти источник IMG и изменить фон DIV

Question

Я нашел много примеров для разных обстоятельств, но я просто недостаточно опытен, чтобы объединить их и достичь желаемого результата. Я пытаюсь создать скрипт TamperMonkey/GreaseMonkey, чтобы выделить DIV, соответствующий определенному источнику изображения.

Код сайта выглядит следующим образом, я не могу его изменить, но я удалил 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>

Я ищу код для поиска image-source-# и меняю цвет фона строки списка DIV, когда я его нахожу (например, ищите image-source-2.jpg и меняйте list_row на зеленый).

Answer 1

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

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