在jQuery中循環遍歷從某個索引到另一個索引

Question

這是我第一次使用JQuery ......我試圖循環遍歷從servlet發送給jsp的jQuery中的列表，從某些索引到另一個索引但我沒有做到那..這裏是我的代碼

<script type="text/javascript"> 
<% List lst = (List) session.getAttribute("MyList");%> 

    $(document).ready(function() { 
    $("form").submit(function() { 
     lst.each(function() { 
      alert(this); 
     }); 
    }); 
}); 
</script> 

Answer 1

你可以使用一個普通的Javascript for循環。

首先了解如何組成一個jQuery DOM選擇。

如果將變量設置爲$("body")，則該變量可以命名爲$myJquerySelection。儘管它有美元符號，它仍然是一個局部變量。美元符號變量名稱是一個約定，顯示變量等於一個jQuery選擇。

jQuery選擇實際上是指DOM節點的數組。請注意，所有jQuery選擇都是數組，即使它們只包含像$("body")這樣的單個元素。你可以說var firstDOMnode = $myJquerySelection[0]。這個firstDOMnode變量是一個DOM節點，而不是一個jQuery選擇，所以jQuery方法不能被調用。爲了使它成爲jQuery選擇，只需將它包裝在$()中。

參見下面的示例：

var $jQuerySelection = $("a"); 
var firstDOMnode = $jQuerySelection[0]; 
var $firstDOMnode = $(firstDOMnode) 

同樣的方法可以迭代時，可以使用：

迭代

var $manyDOMnodes = $("*"); 
for (var i = 0; i < 5; i++) { 
    var currentDOMnode = $manyDOMnodes[i]; 
    var $currentDOMnode = $(currentDOMnode); 
    $currentDOMnode.append("using a jquery method here") 
} 

的開始和結束索引可以在for環而改變。

這個例子從0到5，每增加1個循環。

Answer 2

您可以嘗試$.each來遍歷元素列表。

JSFiddle。

function createList() { 
 
    var html = "<ul>"; 
 
    for (var i = 0; i < 10; i++) { 
 
    html += "<li class='list'>" + i + "</li>" 
 
    } 
 
    html += "</ul>"; 
 
    $("#content").append(html); 
 
} 
 

 
createList(); 
 

 
$(".btn").on("click", function updateElements() { 
 
    $.each($(".list"), function(index, el) { 
 
    if (index % 2 === 0) { 
 
     $(el).toggleClass("selected"); 
 
    } 
 
    }) 
 
});

.list { 
 
    color: blue; 
 
} 
 
.selected { 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<div id="content"></div> 
 
<button class="btn">Updated Elements</button>