Question

我动态创建了没有id的元素，但创建了数据属性ID，例如：data-jobtypid="2"。

这个动态创建的元素还有其他数据属性，我想阅读这些属性，我只知道data-jobtypid作为所有动态创建的元素的标识符和类名。

所以我尝试了这样的事情：

var cache_color = $('.addjob_choose_paymentbtn')
                   .filter('[data-jobtypid="2"]')
                   .getAttribute("data-jobtypcolorhover");

有人帮我解决这个问题吗？

致谢

Answer 1

只需结合使用attribute selector和$.data()：

var cache_color = $('.addjob_choose_paymentbtn[data-jobtypid="2"]')
  .data('jobtypcolorhover');

console.log(cache_color);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="addjob_choose_paymentbtn" data-jobtypid="2" data-jobtypcolorhover="red">div</div>

您也可以使用.attr('data-jobtypcolorhover')，这是访问jQuery中属性的正确方法，如上面的注释所述。但是，$.data()是一个很小的节拍清洁器。

Answer 2

尝试

let c= document.querySelector('.addjob_choose_paymentbtn[data-jobtypid="2"]')
         .dataset.jobtypcolorhover;

console.log(c);

<div class="addjob_choose_paymentbtn" data-jobtypid="2" data-jobtypcolorhover="blue">Hi</div>

通过另一个数据属性获取元素的数据属性作为标识符

2 个答案: