jquery - 我如何在 "data"属性中使用 href 链接 - 或者用 jQuery 重写它？

Question

我正在使用数据属性来显示网站上照片的出处:

<div id="test" data-credit="name">

但是我该如何使用链接，就像这样？

<div id="test" data-credit="<a href="http://mydomain.com">name</a>">

像这样转义 html 是行不通的:

<a href="http://mydomain.com" >name</a>

这是不可能的，我如何使用 jQuery 将数据信用“name”重写为“<a href="http://mydomain.com">name</a>”？

JSfiddle 在这里: http://jsfiddle.net/8muBm/58/

Answer 1

data 属性只是字符串信息的容器。您可能会添加另一个属性，例如 data-credlink="http://mydomain.com"

$(document).ready(function () {
    $('div[data-credit]').each(function () {
        var THIS = $(this),
            link = $('<a>', {'href': THIS.attr('data-credlink'),
                              'text': THIS.attr('data-credit')
                            });
        THIS.append(link);
    });
})

<div id="test" data-credit="name" data-credlink="http://mydomain.com"></div>