Get Attributes From The Rel Attribute With JQuery

Im using a plugin that requires the rel-element to look like this.

• Solution 1:

  Here is one way:

  $("#product-thumbs-list a").each(function(index) {
     var arrTemp = $(this).attr("rel").split("smallImage: ");
     var value = arrTemp[1];
     alert(value);
  });
  

  Live test case.

  
  

  Solution 2:

  you can get the rel attributes that returns the string "useZoom: 'cdonZoom', smallImage: '1.jpg'". Than you can split the string using ":" and get the last array item.

  I hope it's helpful

  
  

  Solution 3:

  Superbly ugly, but you can use the dreaded eval(), provided that the rel data are "well-formed":

  $(function() {
      $('a').mouseover(function() {
          eval('var rel = {' + $(this).attr('rel') + '};');
          $('#out').text(rel.smallImage);
      });
  });
  

  With HTML:

  <ul id="product-thumbs-list">
      <li><a href="1-big.jpg" rel="useZoom: 'cdonZoom', smallImage: '1.jpg'">link1</a></li>
      <li><a href="2-big.jpg" rel="useZoom: 'cdonZoom', smallImage: '2.jpg'">link2</a></li>
  </ul>
  <p id="out"></p>
  

  Demo.

  
  

Share