2016-03-05 82 views
0

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

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

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

你混合Java和JavaScript – Ramanlfc

+0

請記住我是初學者:) –

+0

你不需要JS這裏只是用一個for循環或超過'lst'使用JSTL循環 – Ramanlfc

回答

0

你可以使用一個普通的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個循環。

0

您可以嘗試$.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>

相關問題