javascript - 将属性值从一个属性复制到另一个属性中的内部字符串

Question

我有一个 <A>标签，我需要在其中复制 HREF 的值属性到 REL 中的内部字符串属性。具体来说:

<a href="XX-some-link-XX" class="cloud-zoom-gallery small" 
rel="useZoom: 'zoom1', smallimage: 'XX-this-is-where-i-want-to-copy-that-link-XX'">
<img />
</a>

我已经能够通过执行以下操作部分实现这一点:

jQuery(document).ready(function() {
jQuery(".small").each(function() {
    var src = jQuery(this).attr('href');
    var a = jQuery(this).attr('rel', src);
});
});

但这会删除 REL 中的其他数据属性(例如 useZoom )。

所以我的问题是 - 如何复制 attr 值并将其粘贴到另一个属性值的特定字符串中？

Answer 1

太糟糕了，您的 rel 不是格式正确的 JSON 对象，或者您可以使用 JSON.parse() 来完成这项工作。

这可能很麻烦，但它非常具有普遍性。

$(function() {
    var $jq = $("a:eq(0)");
    var j = relParser($jq.attr("rel"));
    j["smallimage"] = $jq.attr("href");
    $jq.attr("rel",relBuilder(j));
    alert(relBuilder(j));
})

function relBuilder(obj) {
    var arr = [];
    for (attr in obj) {
        arr.push(attr+": '"+obj[attr]+"'");
    }
    return arr.join(", ");
}
function relParser(str) {
    var arr = str.split(",");
    var obj = {}; 
    for (var i=0; i<arr.length; i++) {
        var tmp = arr[i].split(":");
        obj[tmp[0].trim()] = tmp[1].trim();
    }
    return obj;
}
String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g,"");
}