Làm thế nào để xóa tất cả các hộp văn bản trong một DIV bằng cách sử dụng jQuery?

Question

Tôi có một số hộp văn bản asp trong một thùng chứa div. Tôi chỉ muốn xóa chúng khi tôi nhấp vào nút XÓA.

tôi nói lớp chung 'text' cho tất cả các hộp thoại và sau đó viết này jQuery

$(".text").text(""); 

Nó không làm việc ..

Làm thế nào để làm điều này? Tôi cần mã hiệu quả nhất.

Answer 1

$('a.clearButton').bind('click', function() { 
    $('#divId input').val(''); 
}); 

Ghi chú:

1. Bạn nên sử dụng val() thay vì văn bản().

2. Bạn đang yêu cầu mã hiệu quả - và sử dụng bộ chọn lớp không hiệu quả.

   Hoặc sử dụng id hoặc thêm tên thẻ.

Answer 2

$('#yourcontainerid input:checked').removeAttr('checked'); 

Answer 3

Nếu bạn cần xóa các hộp văn bản giá trị một mình, bạn có thể thay đổi mã như thế này:

$("#divID").find("input[type=text]").val(''); 

hoặc

$("#divID").find("input:text").val(''); 

Answer 4

này sẽ làm việc thành công

$(':text').val("");  

Answer 5

$('#ClearButton').bind('click',function(){ 
$('#div1').Find('input[type=text]').val(''); 
}); 

or 

$('#ClearButton').bind('click',function(){ 
$('#div1').Find('input:text').val(''); 
});