javascript - 如何从属性中获取数据

Question

我正在使用脚本将值推送到脚本，并且我需要从我认为是属性的值中推送值？我想定位下面 HTML 中 proid 变量内的字符串。

ccs_cc_args.push(['FFR_NAME', $(".infobar").text()]);
console.log(ccs_cc_args);

尝试将其更改为类似的内容并进行一些更改，当然行不通。

ccs_cc_args.push(['CPN', $("[data-proid]").text()])
console.log(ccs_cc_args);

HTML:

<a id="prodcmp" href="javascript://" class="action" onclick="updateCompareProducts(this);" prodid="107255" compaction="0">Voeg toe om te vergelijken</a>

Answer 1

您可以使用attr() jQuery 中的函数读取特定属性的值:

// This will read the prodid attribute of any elements that have that specific attribute
var prodid = $('[prodid]').attr('prodid');

如果您想定位该特定元素，您可以使用相同的代码，但通过其 id 定位该元素:

var prodid = $('#prodcmp').attr('prodid');

考虑传统的data-*属性

此外，值得注意的是，如果您计划以这种方式使用属性，则应考虑在它们前面加上 data-，这是一个相当标准的约定:

<div id='foo' data-prodid='42'></div>

这不仅允许您通过 attr() 函数定位此目标，还允许您使用 data()函数也是如此，它是为读取以这种方式定义的属性而设计的。