Question

I have the next code dynamically created using JQuery. Theere are multiple row class divs placed one under the other.

<div class="row">
    ....
</div>
<div class="row">
   <div class="line_type"></div>
   <div class="download_value"></div>
   <div class="flag"></div>
   <div class="email"></div>
   <div class="prize"></div>
</div>
<div class="row">
    ....
</div>

After i create these divs I have a “pointer” to a specific div which is of class row. In JQuery, how do i make it so I go down the DOM tree, until i reach the div of class line_type and download_value and remove them both, and also I’d like to go one more node down, at the div of type email and change some of it’s CSS attributes.

I was not able to find anything on the web, maybe it’s cause i’m a noob at these still.

Answer 1

I have a “pointer” to a specific div which is of class row ->

Assuming that you have the this object of the corresponding div with class row.. then you can use .find to get the line_type and download_value inside that div.

$(this).find('.line_type').remove();
$(this).find('.download_value').remove();

Then you can use the same .find to get the div with class email and access the .css

$(this).find('.email').css(/* You code*/);