javascript - 如何在单击 (选定的 tr)时获取所有下一个 数据 ID

Question

我想要数组中所选 tr 的所有下一个 tr 的 data-id。我使用此代码，但这不是一个好代码。

var ids = Array.prototype.slice.call($("tr.selected").nextAll('tr')); 
alert(ids)
.map(function (tr) { 
    return tr.getAttribute('data-id') 
});

Answer 1

使用 jQuery map() 和 get() 方法

// iterate over elements using map and generate array elelements
var res = $("tr.selected").nextAll('tr').map(function(){
   // get data attribute value
   return $(this).data('id');
   // get the result object as an array using get method
}).get();

---

如果你想得到所有 sibling 的属性值然后使用 siblings() 方法。

var res = $("tr.selected")
   // get all sibling tr     
   .siblings()
   // iterate over elements using map and generate array elelements
   .map(function(){
   // get data attribute value
   return $(this).data('id');
   // get the result object as an array using get method
}).get();