我将如何使用 HTML 中的数据属性来使用来自数据库的链接填充链接和图像源？答案

【问题标题】：How would I use a data-attribute in HTML to fill a link and image source with a link from a database?我将如何使用 HTML 中的数据属性来使用来自数据库的链接填充链接和图像源？
【发布时间】：2015-03-29 06:34:51
【问题描述】：

我有一个数据库，其中有一个表，其中包含一个名为“link”的列，其中包含一个链接，例如此“http://www.google.com”，以及一个名为“image”的列，其中包含此“http://www.placehold.it/500x500”。

然后我有以下html：

<a href="" data-field="link">
  <img src="" data-field="image">
</a>

我有一个 PHP 后端，它使用 JSON 和一个 JQuery 插件来检索和填充信息，但我不知道如何专门填充 href"" 和 src"" 属性。

如何使用 JQuery/JavaScript 做到这一点？

【问题讨论】：

可以包含返回的json 吗？

标签： javascript php jquery html custom-data-attribute

【解决方案1】：

这是你想要的吗？

$("a[data-field='link']").attr("href",yourValue);
$("img[data-field='image']").attr("src",yourAnotherValue);

【讨论】：

【解决方案2】：

你的意思是这样的吗 http://jsfiddle.net/0jLad8hj/

$(document).ready(function(){
    $('a').attr('href', function(){
    return $(this).data('field');
}).find('img').attr('src', function(){
        return $(this).data('field');
    });;
});

使用 jQuery 中的 .attr 函数。第一个值是要设置的属性，第二个是值。 .data 获取数据属性

【讨论】：