2012-11-23 31 views
6

Các mã HTML là như thế này:Làm thế nào để thay đổi phần tử không có ID trong jquery?

<div id="select1_chzn" class="chzn-container chzn-container-single" style="width: 250px;"> 
    <a class="chzn-single chzn-single-with-drop" 
     href="javascript:void(0)" tabindex="-1"> 
    <span>AFF5</span> 
<div></div> 
</div> 

tôi đã tự hỏi làm thế nào tôi có thể thay đổi <span>AFF5</span>-<span>Another</span> trong jquery. Có ai có ý tưởng về điều này không? Cảm ơn!

+0

có thể thú vị khi đọc http://stackoverflow.com/questions/735359/update-span-tag-value-with-jquery – Bananam00n

+4

Có nhiều cách để làm da mèo. Nó sẽ luôn luôn ở trong div với id 'select1_chzn', và nó sẽ là khoảng duy nhất trong đó? Hãy cho chúng tôi biết thêm và chúng tôi có thể trả lời :) – Archer

+0

HTML của bạn không đúng định dạng, bạn cần phải đóng thẻ A. – David

Trả lời

12

thể sử dụng id của nó mẹ

$("#select1_chzn span").text("Another"); 

CẬP NHẬT

Sử dụng> có nghĩa là hậu duệ trực tiếp nơi như một không gian có nghĩa là hậu duệ không nhất thiết chỉ đạo.

+3

'span' không phải là con trực tiếp của' # select1_chzn', nó nằm trong một neo (không được đóng trong đánh dấu mẫu) – billyonecan

+0

@billyonecan không phát hiện ra rằng không có thẻ đóng, sẽ cập nhật – AbstractChaos

+0

I didn ' t nhận thấy nó lúc đầu hoặc là: p (Tôi đã không downvote btw) – billyonecan

5
$("#select1_chzn span").text("Another"); 

Sử dụng đơn giản bộ chọn con cháu CSS chuẩn nên làm trong trường hợp này.

3

mẹcon, như thế này:

$("#select1_chzn span").text('Another'); 
7

Sử dụng CSS selector

#select1_chzn span 

Tôi là người không jquery, nhưng tôi đã thấy đủ các câu hỏi ở đây trên SO để đoán rằng bạn sẽ sử dụng

$('#select1_chzn span') 
0

Bạn có thể sử dụng bất kỳ css-selector có sẵn để lựa chọn đối tượng jquery, ví dụ này nên làm việc: "Làm thế nào để thay đổi yếu tố mà không có ID trong jquery"

$('span').text('Another'); 
+0

Điều này sẽ thiết lập văn bản của ** tất cả ** '' yếu tố trong tài liệu để 'khác'. –

+0

có. Đó là một ví dụ cho mã này, đó là lý do tại sao tôi nói 'bất kỳ bộ chọn nào có sẵn' –

+0

Vâng, tôi chỉ nghĩ rằng tôi muốn đề cập đến nó, trong trường hợp OP không phải là thạo trong css lingo. –

3

Tiêu đề này nói

Nếu bạn muốn nhắm mục tiêu tất cả span s với không có ID trong div #select1_chzn, bạn có thể làm

$("#select1_chzn span:not([id])").text(...); 

Nó có vẻ như bạn muốn cuối cùngspan:

$("#select1_chzn span:last").text(...); 
0

Bạn thực sự có thể tìm kiếm các nhịp dựa trên nội dung của chúng nếu đó là cách duy nhất bạn có để xác định chúng.

​$("span:contains(AFF5)").text("Another"); 

Tuy nhiên, đây là trường hợp nhạy cảm.

Các vấn đề liên quan