如何使用jQuery根据title属性值获取data-ca-action属性值

你之前写的$("a").$("[title=deneme123]")不符合jQuery语法，正确的做法是把属性筛选条件直接整合到元素选择器中，以下是具体实现方案：

基础实现（单个匹配元素） #

直接通过属性选择器定位目标<a>标签，再获取对应的属性值：

方法1：使用attr()方法直接读取属性 #

// 定位title为deneme123的a标签，读取data-ca-action属性值
const actionValue = $('a[title="deneme123"]').attr('data-ca-action');
console.log(actionValue); // 输出结果：1427202

方法2：使用data()方法读取HTML5 data属性 #

jQuery的data()方法会自动将data属性的连字符命名转为驼峰式，所以可以这样写：

const actionValue = $('a[title="deneme123"]').data('caAction');
console.log(actionValue); // 输出结果：1427202

注：如果属性值包含空格、特殊字符，选择器里的属性值必须用引号包裹，即使是纯字符，加引号也能避免潜在问题。

处理多个匹配元素的情况 #

如果页面存在多个title="deneme123"的<a>标签，想要获取所有对应属性值，可以用each()遍历：

$('a[title="deneme123"]').each(function() {
    // 遍历每个匹配元素，输出对应的data-ca-action值
    console.log($(this).attr('data-ca-action'));
});

内容的提问来源于stack exchange，提问作者Makarna35