如何获取特定类的所有元素的ID？

Question

我有以下代码，并希望获取属于特定类的所有元素的ID。

code

<ul>
<li><label class="check-lbl"><input id="1" class="translation_box" type="checkbox">اردو</label</li>
    <li><label class="check-lbl"><input id="3" class="translation_box" type="checkbox">Englisg</label> </li>
    <li><label class="check-lbl"><input id="4" class="translation_box" type="checkbox">Hindi</label> </li>
    <li><label class="check-lbl"><input id="5" class="translation_box" type ="checkbox">Bungali</label> </li>
  < /ul>

在这里我说的是translation_box 。 任何帮助将不胜感激！

Answer 1

您可以使用.map()直接从jquery集合中获取ID列表。

var ids = $('.translation_box').map(function(_, x) { return x.id; }).get();

演示： http ： //jsfiddle.net/ZNxP7/1/

Answer 2

var allItemsInClass = $(".translation_box");
var arrayIDs = new Array();
$.each(allItemsInClass, function() {
   arrayIDs.push(this.id);
});
alert(arrayIDs.join());

演示： http : //jsfiddle.net/LG59D/

Answer 3

使用jQuery

$('.translation_box').each( function () {
 alert($(this).prop('id'));

});

---

使用JS

var ele = document.getElementsByClassName('translation_box');
for (var i=0; i< ele.length; i++ ) {
  alert(ele[i].id);
}

JSFiddle

Answer 4

您可以使用jQuery来做到这一点。

$(function(){
  var elements = new Array();
  $('.translation_box').each(function(){
    elements.push($(this).attr("id"))
  });
})

Answer 5

$('.translation_box').each(function() {   // this loops through all elements with class of tranlation_box
     var x = $(this).attr('id');          // this gets the id of each translation_box and stores it in the variable x
     console.log(x);                      // this logs the id for each one
});

Answer 6

您可以按照以下方式进行操作：

 function getIds() {
   var elements = document.getElementsByClassName("translation_box");

   for(var i=0; i<elements.length; i++) {
    console.log(elements[i].getAttribute("id"));
   }

 }

Answer 7

它返回数组中的所有id

var idArray = [];

$('.translation_box').each(function() {
               var id = $(this).attr('id');
               idArray.push(id);
            });
alert(idArray)