Làm thế nào để có được tất cả các ID với jQuery?

Question

tôi đang cố gắng để thu thập một danh sách (mảng) của id trong một ngành

<div id="mydiv"> 
<span id='span1'> 
<span id='span2'> 
</div> 

$("#mydiv").find("span"); 

mang lại cho tôi một đối tượng jQuery, nhưng không phải là một mảng sản;

tôi có thể làm

var array = jQuery.makeArray($("#mydiv").find("span")); 

và sau đó sử dụng một vòng lặp for để đặt thuộc tính id vào một mảng

hoặc tôi có thể làm

$("#mydiv").find("span").each(function(){}); //but i cannot really get the id and assign it to an array that is not with in the scope?(or can I) 

Nhưng dù sao, tôi chỉ muốn xem có một cách viết tắt trong jQuery để làm điều đó;

Answer 1

// nhưng tôi có thể không thực sự có được id và gán nó vào một mảng đó không phải là với trong phạm vi? (Hoặc có thể tôi)

Có, bạn có thể!

var IDs = []; 
$("#mydiv").find("span").each(function(){ IDs.push(this.id); }); 

Đây là vẻ đẹp của closures.

Lưu ý rằng khi bạn đang đi đúng hướng, sighohwell và cletus cả chỉ ra cách đáng tin cậy hơn và súc tích đạt được điều này, lợi dụng attribute filters (để hạn chế các yếu tố phù hợp với những người có ID) và jQuery tích hợp trong map() chức năng :

var IDs = $("#mydiv span[id]")   // find spans with ID attribute 
    .map(function() { return this.id; }) // convert to set of IDs 
    .get(); // convert to instance of Array (optional) 

Answer 2

Không phải là bất động mảng, nhưng obj là tất cả các mảng liên kết trong javascript.

Tôi chọn không sử dụng một mảng thực với [] và [] .push vì về mặt kỹ thuật, bạn có thể có nhiều ID trên một trang mặc dù điều đó không chính xác. Vì vậy, chỉ là một lựa chọn trong trường hợp một số html đã nhân đôi ID của

$(function() { 

     var oArr = {}; 
     $("*[id]").each(function() { 
      var id = $(this).attr('id'); 
      if (!oArr[id]) oArr[id] = true; 
     }); 

     for (var prop in oArr) 
      alert(prop); 

    }); 

Answer 3

cách tốt nhất tôi có thể nghĩ ra để trả lời này là làm cho một plugin tùy chỉnh jquery để làm điều này:

jQuery.fn.getIdArray = function() { 
    var ret = []; 
    $('[id]', this).each(function() { 
    ret.push(this.id); 
    }); 
    return ret; 
}; 

Sau đó làm một cái gì đó giống như

var array = $("#mydiv").getIdArray(); 

Answer 4

Phương thức .get() sẽ trả về một mảng từ đối tượng jQuery. Ngoài ra, bạn có thể sử dụng .map để chiếu trước thứ gọi trước()

var idarray = $("#myDiv") 
      .find("span") //Find the spans 
      .map(function() { return this.id; }) //Project Ids 
      .get(); //ToArray 

Answer 5

Đề xuất của tôi?

var arr = $.map($("#mydiv [id]"), function(n, i) { 
    return n.id; 
}); 

bạn cũng có thể làm được điều này như:

var arr = $.map($("#mydiv span"), function(n, i) { 

hoặc

var arr = $.map($("#mydiv span[id]"), function(n, i) { 

hoặc thậm chí chỉ:

var arr = $("#mydiv [id]").map(function() { 
    return this.id; 
}); 

Rất nhiều cách khác nhau về cơ bản.

Answer 6

Đó là câu trả lời trễ nhưng giờ đây có một cách dễ dàng. Phiên bản hiện tại của jquery cho phép bạn tìm kiếm nếu thuộc tính tồn tại. Ví dụ:

$('[id]') 

sẽ cung cấp cho bạn tất cả các yếu tố nếu chúng có id. Nếu bạn muốn tất cả nhịp với id bắt đầu với span bạn có thể sử dụng

$('span[id^="span"]') 

Answer 7

for(i=1;i<13;i++)  
{ 

    alert($("#tdt"+i).val()); 

} 

Answer 8

Bạn có thể lấy id của thẻ specifict và gửi nó đến một yếu tố annother. Ví dụ:

$("input").map(function() { 
    $("textarea").append(this.id+"\n"); 
}); 

Nó sẽ nhận tất cả các id đầu vào và gửi đến văn bản.

Answer 9

HTML

<div id="mydiv"> 
<span id='span1'> 
<span id='span2'> 
</div> 

JQuery

var IDs = []; 
$("#mydiv").find("span").each(function(){ IDs.push($(this).attr("id")); });