Jquery Lặp qua các phần tử được tạo tại thời gian chạy

Question

tôi có một danh sách được chuyển đến một trang và các phần tử được tạo khi chạy. Tôi muốn lặp qua các yếu tố này và tạo một số hành động cho từng phần tử. Dưới đây là mã của tôi: cho mỗi người được tạo ra từ danh sách này, tôi muốn tạo dấu kiểm trước cho người đó. Ai đó có thể giúp tôi i am chỉ nhận được séc xảy ra một lần:

jQuery:

$(document).ready(function() { 

    $("#userId").each(function(i){ 
     if ($("#userId").val != '') { 
      alert('not null' + i); 
     } 
    });     
}); 

JSP:

<c:forEach items="${person}" var="person"> 

<input= type="text" id="userId" value="${person.userid}" /> 
    First name:- ${person.fName} , Last Name:- ${person.lName} 
</c:forEach> 

Answer 1

bạn không thể có nhiều yếu tố trên một trang với cùng id thuộc tính. hãy thử sử dụng các lớp học thay thế.

thử một cái gì đó như:

$(document).ready(function() { 

    $(".userId").each(function(i){ 
     if ($(this).val() != '') { 
      alert('not null' + i); 
     } 
    }); 
}); 

Một điều cần lưu ý là .val là một phương pháp, vì vậy bạn cần phải gọi nó là để có được những giá trị. Sử dụng .val() thay vì .val. Như bạn có mã của bạn bây giờ, $ (selector) .val là một hàm, do đó, nó sẽ không bao giờ là chuỗi rỗng bạn đang thử nghiệm nó chống lại.

Cũng JSP của bạn nên được một cái gì đó như:

<c:forEach items="${person}" var="person"> 

<input= type="text" class="userId" value="${person.userid}" /> 
    First name:- ${person.fName} , Last Name:- ${person.lName} 
</c:forEach> 

Answer 2

vòng lặp của bạn sẽ tạo ra nhiều yếu tố với cùng một ID, lần đầu tiên thay đổi điều đó. Thay vào đó, tốt hơn nên sử dụng tên lớp.

<c:forEach items="${person}" var="person"> 

    <input= type="text" class="user" id="userId-${person.userid}" value="${person.userid}" /> 
     <!--   ^Use Class &^Id to uniquely identify the user --> 
     First name:- ${person.fName} , Last Name:- ${person.lName} 
</c:forEach> 

Tiếp theo, bạn có thể sử dụng .find() để tìm phần tử được tạo động. Nhưng tôi khuyên bạn nên sử dụng các giải pháp của tôi bằng cách sử dụng thuộc tính class.

$(".user").each(function(i) { 
    if ($(this).val() != '') { 
      alert('not null' + i); 
    } 
}); 

Answer 3

Như @Andbdrew đã nói, sử dụng một lớp thay vì id, vì nó sẽ ngừng tìm kiếm nhiều mục sau khi tìm thấy mục đầu tiên khớp với id.

Ngoài ra, bạn sẽ muốn sử dụng this thay vì $("#userId") bên trong chức năng của chúng tôi.

Vì vậy, làm một cái gì đó như thế này:

$(".userClass").each(function(i) { 
    if ($(this).val() != '') { 
     alert('not null' + i); 
    } 
}); 

Answer 4

Tại sao bạn không chọn với TAG bởi jQuery. Ví dụ nguyên tố này có danh sách người dùng của bạn là một bảng với tblUsers id sau đó bạn có thể itereate trên TRS runtime tạo hoặc TDs như sau:

$("#tblUsers tr").each(function(i){ 
     alert('td' + i); 
}); 

hơn nữa nếu bạn có đầu vào trong tds bạn có thể đi sâu trong việc lựa chọn như

$("tblUsers tr td input")