Question

我使用的插件需要rel-element看起来像这样。

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

是否可以通过jQuery获取smallImage值？
在这种情况下，'1.jpg，或'2.jpg'。

谢谢！

Answer 1

这是一种方式：

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

Live test case

Answer 2

你可以获得返回字符串“useZoom：'cdonZoom'，smallImage：'1.jpg'”的rel属性。您可以使用“：”拆分字符串并获取最后一个数组项。

我希望它有用

Answer 3

非常难看，但是可以使用可怕的eval()，前提是rel数据“格式正确”：

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

使用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

使用jQuery从rel属性获取属性

3 个答案: