查找并收集具有“ data-id”属性的所有元素的值

时间:2018-11-22 22:35:24

标签: jquery

如何查找具有data-id属性的所有元素并使用map函数收集值。

var target = $('#parent');
var arr = target.find('all elements having data-id attribute');
var cnt = $.map(arr, (e) => $(e).data('id')).join(',');
console.log(cnt);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='parent'>
<div class='title' data-id = 5>lorem</div>
<input type = 'text'>
<a href='google.com' data-id = 14>google</a>
<div class='title'>ipsum</div>
<img class='imgtop' src='' alt='img' data-id = 9>
</div>

结果应为5,14,9

有帮助吗?

2 个答案:

答案 0 :(得分:2)

这很简单

pushl values(,%edi,4)

请参见https://api.jquery.com/has-attribute-selector/

答案 1 :(得分:1)

您需要使用attribute selector,例如:sns.set()

target.find('[data-id]');
let target = $('#parent'),
  arr = target.find('[data-id]'),
  cnt = $.map(arr, (e) => $(e).data('id')).join(',');
console.log(cnt);

另请参见attributeHas selector