jquery - 使用 jQuery 从 rel 属性中获取属性

Question

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

<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);
});

现场测试用例。

Answer 2

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

我希望它有帮助

Answer 3

非常丑陋，但您可以使用 dreaded 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>

演示。