How to add rel attribute when img src not empty?

Question

<div class="otherProducts">
  <a href="http://metroplastasansor.bilginet.com/wp-content/uploads/2014/11/hidrolik-tampon-metroplast-asansor-41943-390057037-b.jpg" class="otherLink"><img src="http://metroplastasansor.bilginet.com/wp-content/uploads/2014/11/hidrolik-tampon-metroplast-asansor-41943-390057037-b.jpg" class="productThumb"></a>
  <a href="" class="otherLink"><img src="" class="productThumb"></a>
  <a href=""><img src="" class="productThumb"></a></div>

How can I add rel="prettyPhoto[gallery]" to a with jquery? Only links with not empty src!

Answer 1

You can use .filter().

I've selected all images withing .otherProducts. I then pass a function to filter than will return true if the src attribute is truthy and false if it has a falsy (blank) value.

Then use .attr() to change the rel attribute for the closest <a>s to the remaining selections:

$('.otherProducts img').filter(function(){
    return $(this).attr('src');
}).closest('a').attr('rel', 'prettyPhoto[gallery]');

JSFiddle

Answer 2

try this piece of code

if($("img.productThumb").attr("src")!=""){

  $(this).attr("rel","prettyPhoto[gallery]");

}

Answer 3

If I understand correctly, you're looking for

$('a').filter(function() {
    return $(this).has('img[src!=""]');
})
.attr('rel', 'prettyPhoto[gallery]');

DEMO

Answer 4

I can used this code:

$('.otherProducts img').filter(function(){
return $(this).attr('src');}).parent().attr('rel', 'prettyPhoto[gallery]');

Thanks George!

Answer 5

By using .each and .parent() like:

 $('.productThumb').each(function() {
   if ($(this).attr("src") != "") {
     //if it has source
     $(this).parent().attr("rel", "prettyPhoto[gallery]");
   }
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="otherProducts">
  <a href="http://metroplastasansor.bilginet.com/wp-content/uploads/2014/11/hidrolik-tampon-metroplast-asansor-41943-390057037s-b.jpg" class="otherLink">

    <img src="http://metroplastasansor.bilginet.com/wp-content/uploads/2014/11/hidrolik-tampon-metroplast-asansor-41943-390057037-b.jpg" class="productThumb">

  </a>
  <a href="" class="otherLink">
    <img src="" class="productThumb">
  </a>
  <a href="">
    <img src="" class="productThumb">
  </a>

</div>

http://jsfiddle.net/5gnettxg/