遍历另一个 div 中的特定 div 类答案

【问题标题】：Iterate through a class of specific div which is inside another div遍历另一个 div 中的特定 div 类
【发布时间】：2013-04-15 01:15:01
【问题描述】：

我有 2 个 div，内部控件的类名为“.news-member-apps”。在同一页面上。现在，我想循环遍历特定 div 的类名，说我想循环遍历类名为“.news-member-apps”的#div1，而不是另一个#div2。并获取价值。

注意：这里我将前一页的 DIV 内容复制到当前页的 div 中，例如：在 #PrevSelectedNews 中并循环遍历它。

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 包含上一页的所有新闻项目。现在我只想在内部控件类的名称为“.news-member-apps”的情况下循环#PrevSelectedNews。如果 HiddenFiledNewID.value 与任何类名为“PrevSelectedNews”的控件匹配，则获取找到控件的 id。帮助赞赏！谢谢！

【问题讨论】：

这不是简单的工作吗？ $('#PrevSelectedNews .news-member-apps').each(function(i, obj) { //do stuff });

标签： javascript jquery html asp.net webforms

【解决方案1】：

使用这个选择器：

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

它会找到 ID 为“PrevSelectedNews”的元素，然后遍历具有“news-member-apps”类的子元素。

JQuery 选择器文档here。

【讨论】：

对不起@Andrei Mikhalevich 这也选择了另一个 div 的内容...我只需要#PrevSelectedNews 的 div 内容..！
试试这个：$('#PrevSelectedNews').find('.news-member-apps').each(...)

【解决方案2】：

试试

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");
    });
});

【讨论】：