时间戳

首页 > 解决方案 > 如何通过 jquery 动态地将 id 和值添加到文章标签？

javascript - 如何通过 jquery 动态地将 id 和值添加到文章标签？

问题描述

我需要通过 jquery 动态地向文章元素添加 id 和路径的组合

这是 HTML 文章标签

<article class=test> <article/>

我试图在 jquery 中做到这一点。

var assetHtml='data-asset-share-id="asset" data-asset-share-asset="/dam/pic.jpg" id="/dam/pic.jpg"';

$( ".test" ).append(assetHtml);

但这会以字符串格式添加整个 id 和元素，例如在引号中使其成为字符串，而它们是在文章标签的文本区域中而不是在文章标签内的 id

<article class="test">"data-asset-share-id="asset" data-asset-share-asset="/dam/pic.jpg" id="/dam/pic.jpg""</article>

我希望输出采用这种格式

<article class=test data-asset-share-id="asset" data-asset-share-asset="/dam/pic.jpg" id="/dam/pic.jpg" > </article>

如何做到这一点？

标签： javascriptjqueryhtml

解决方案

append()用于在元素中添加内容。要修改元素的属性，您可以使用attr()：

$(".test").attr({
  'data-asset-share-id': 'asset',
  'data-asset-share-asset': '/dam/pic.jpg',
  'id': '/dam/pic.jpg'
});

或者，您可以使用prop()和的组合data()。后者将值放入 jQuery 的缓存中，而不是 DOM，这样可以提供更好的性能，但要求您还使用data()getter 来检索值：

$(".test").prop('id', '/dam/pic.jpg').data({
  'asset-share-id': 'asset',
  'asset-share-asset': '/dam/pic.jpg'
});

推荐阅读