使用jQuery从rel属性获取属性

我使用的插件需要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”

---

谢谢

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

我希望这会有所帮助这里有一个方法：

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

.

非常难看，但是如果

rel

数据“格式良好”，您可以使用可怕的

eval（）

：

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

---

.

我认为使用jQuery没有简单的方法。您可能只需要使用

.attr（'rel'）

获取rel的内容，并将其拆分为一个数组，然后找到以smallImage开头的结果并从中获取文件名。在rel属性中存储这样的数据是一个非常糟糕的插件。应该使用数据xxx=“”，或者至少将数据存储为JSON。只要不在smallImage值之后输入任何内容，这非常有效。好吧，至少我不会。Thx@Maartin那倒是真的。。为了支持这样的场景，您可以添加另一个

split

，如下所示：

var value=arrTemp[1]。split（“，”[0]假设格式一致。此案例的JSFIDLE示例：
<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>