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

Question

如何查找所有具有 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

有什么帮助吗？

Answer 1

这很简单

const arr = target.find('[data-id]')

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