2011-08-30 87 views
8

cách lấy phần tử html theo tên bằng cách sử dụng jquery mà không cần sử dụng id hoặc class? Có cách nào để làm điều đó?cách lấy các phần tử theo tên bằng jquery?

+2

Đưa ra ví dụ về HTML nơi bạn muốn truy xuất đối tượng. Bạn đang hỏi về thuộc tính "tên" khi bạn lưu "theo tên"? – jfriend00

Trả lời

1
$('tagName')... 

cho <tagName />

hoặc

$('[name="attributeName"]')... 

cho <input name="attributeName" />

Các selector jQuery hoạt động như một bộ chọn CSS.

+0

điều này là để có được giá trị '$ ('[name =" attributeName "]'). Val();' hoặc sử dụng serialize nếu bạn đang thu thập nhiều hơn một giá trị đầu vào 'với cùng tên '$ (' [name = "attributeName \ [\]"] '). serialize(); ' – KeepMove

4

Sử dụng này:

$('[name=thename]'); 

Lưu ý: Vì lý do hiệu suất, nó tốt hơn để chỉ định tên thẻ. Vì vậy, nếu bạn đang tìm kiếm hình ảnh có tên là mùa đông, bạn sẽ sử dụng hình ảnh này:

$('img[name=winter]'); 
+0

có, nhưng bạn nên sử dụng dấu ngoặc kép quanh giá trị – sahar

+1

@sasola: Tại sao bạn lại nói vậy? Tôi đã có fiddle để chứng minh điều đó: http://jsfiddle.net/EbwtP/ –

+0

chúng tôi luôn đặt giá trị bên trong dấu ngoặc kép :) – sahar

3

Không chắc chắn nếu bạn có nghĩa là tên thẻ hoặc thuộc tính được đặt tên. Vì vậy, đây là cả hai -

Thuộc tính Equals Selector [name = "value"]

http://api.jquery.com/attribute-equals-selector/

hoặc tử Selector (“yếu tố”)

http://api.jquery.com/element-selector/

// name attribute selector 
$('[name=whatever]').each(function(index) { 
    alert(index); 
    // and of course depending on your element utilize $(this).doSomethingCool 
}); 

// tag name selector for all h1 tags 
$('h1').each(function(index) { 
    alert(index); 
    // and of course depending on your element utilize $(this).doSomethingCool 
}); 
0

get phần tử theo tên của nó như

$("div") 

DEMO

1

Trong jQuery, bạn có thể sử dụng rất nhiều thứ bên cạnh chỉ id và class. CSS3 selector specification có đầy đủ những thứ khác mà bạn có thể sử dụng và jQuery thậm chí còn có nhiều thứ hơn tôi tin. Ví dụ: bạn có thể sử dụng loại thẻ, giá trị thuộc tính, vị trí trong cấu trúc phân cấp. Đây là tất cả đối tượng jQuery selector hợp lệ:

$("div") 
$("div span") 
$("[name=nyName]"); 
$("div span [name=nyName]"); 
$("ul li [name=nyName]"); 

Trong nhiều trường hợp, bạn sẽ có được hiệu suất tốt hơn với bộ chọn dựa trên các loại thẻ, giá trị id và tên lớp vì nhiều trình duyệt hỗ trợ tìm kiếm những người trong mã nguồn gốc.

3

Nếu bạn có ý nghĩa thuộc tính tên, nó này:

$('[name="value"]') 

Nếu bạn có ý nghĩa tên nguyên tố, sau đó nó là như thế này:

$('ul') 
17

Nên biết rằng câu trả lời đúng duy nhất mà đã được đưa ra là những cái bao gồm dấu ngoặc kép quanh giá trị thuộc tính, tức là.

$("[name='value']") 

Đó là một yêu cầu bắt buộc bao gồm dấu ngoặc kép quanh giá trị, xem: http://api.jquery.com/attribute-equals-selector/

Nếu bạn đang sử dụng "name" trong tham chiếu đến nodeName hoặc "tag", sau đó chỉ cần chọn bởi chuỗi:

$("div") 
$("a") 
$("p") 
$("input") 
$("body") 
+0

có bạn đúng, cảm ơn – sahar

+0

Bạn được chào đón! – Rick

0

Để nhận giá trị, chúng tôi có thể sử dụng nhiều thuộc tính, một trong số đó là thuộc tính tên. Ví dụ:

$("input[name='nameOfElement']").val(); 
Các vấn đề liên quan