Lặp lại thông qua một lớp div cụ thể nằm bên trong một div

Question

Tôi có 2 div với các điều khiển bên trong có tên lớp '.news-member-apps'. trên cùng một trang. Bây giờ, tôi muốn Loop thông qua tên lớp của div cụ thể nói rằng tôi muốn lặp qua # div1 có tên lớp '.news-member-apps' và không phải là # div2 khác. và nhận được giá trị.

Lưu ý: Tại đây tôi sao chép nội dung DIV của trang trước đó sang div trang hiện tại, ví dụ: trong #PrevSelectedNews và lặp qua nó.

var id = document.getElementById('<%=HiddenFieldNewsID.ClientID%>'); 
    $('#PrevSelectedNews').load("/Default.aspx #ScrollerDiv", function() { 
       alert(id.value); 
       alert('Load was performed.' + $('#PrevSelectedNews')); 
       $(".news-member-apps").each(function (k) { 
        var NEWSID = $(this).attr("newsid"); 
        var ID = $(this).attr("id"); 
        if (NEWSID == id.value) { 

         $("#" + ID).appendTo("#SelectedNews"); 
         alert($("#" + ID) + "Found! Appending"); 

        } 

       }); 

      }); 

#PrevSelectedNews chứa tất cả các mục tin tức từ trang trước. Bây giờ tôi chỉ muốn lặp qua #PrevSelectedNews chỉ trong đó lớp điều khiển bên trong có tên '.news-member-apps'. Nếu HiddenFiledNewID.value khớp với bất kỳ điều khiển nào có tên lớp 'PrevSelectedNews' thì lấy id của điều khiển foind. Trợ giúp Được đánh giá cao! Cảm ơn!

Answer 1

Sử dụng selector này:

$('#PrevSelectedNews').find('.news-member-apps').each(function() { 
    // this - reference to each .news-member-apps item 
}) 

Nó tìm thấy phần tử với 'PrevSelectedNews' ID và hơn lặp thông qua yếu tố con với lớp 'tin tức thành viên-apps'.

Tài liệu bộ chọn JQuery here.

Answer 2

Hãy thử

var id = document.getElementById('<%=HiddenFieldNewsID.ClientID%>'); 
$('#PrevSelectedNews').load("/Default.aspx #ScrollerDiv", function() { 
    $(".news-member-apps", this).filter(function() { 
     return $(this).attr("newsid") == id.value 
    }).each(function(k) { 
     $("#" + $(this).attr("id")).appendTo("#SelectedNews"); 
    }); 
});