Not able to access aside tag using jquery

Not able to access aside tag using jquery

HI Team,

Below is the html code

<section id="product-selector" class="no-edit">
<div class="steps-options first-step hideOption" data-step="1">
<div class="steps-options" data-step="2">
<div class="two-thirds column-right-margin column">
<div class="one-third column no-margin-right">
<aside class="tip-box" style="background: #C75300;">
<div class="img-content">
<img alt="" src="/content/dam/assets/products-and-services/construction-materials/images/BI-NA-Envelope-Product-Tool-New-Construction-498x250.jpg">
<div class="img-title">
</div>
<div class="text-content">
</div>
</aside>
</div>
</div>
</div>


Am trying to access the img tag and change the src attribute using jquery. Am successfully accessing the elements till "<div class="one-third column no-margin-right">" but after that am not able to access the img under the aside tag.

below is the code i used.

$('#product-selector').find('.steps-options').eq(1).find('.one-third).find('aside.tip-box').attr('class'));

i tried so many ways but no use.. samples below

$('#product-selector').find('.steps-options').eq(1).find('.one-third).find('aside').attr('class'));

$('#product-selector').find('.steps-options').eq(1).find('.one-third).find('.tip-box').attr('class'));