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());

DEMO： 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)

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

7 个答案: