How to refer to the element just below inside another element?

[pstein]

At first an example:

<div class="foobar" ....>....
  <div class="....." ...>.....
     <div class="....." ....>....
        <div class="....." ....>.....
           <img src="https:\\www.imgdomain.com\..." ....></img>
        ...</div>
     ....</div>
   ....</div>
....</div>

How do I address the following elements:

1. Find <img> with src="https:\www.imgdomain.com* and go upwards in hierarchy until a <div> element with class="foobar" ist found

2. Same as 1. but this time the element just below <div> with class="foobar" should be referred (which could be the <img> element itself)

If no <div> element with class="foobar" is found nothing should happen

jQuery or Javascript can be used

[dsonesuk]

As the target that you ultimately will want would be class element 'foobar' would it not be better to transverse down to img from that class name .

var x = document.querySelectorAll(".foobar img[src='https:\www.imgdomain.com']");

 

 

 

 

Edited April 12, 2020 by dsonesuk