2010-03-30 35 views
6

Sử dụng JQuery, có cách đơn giản để chọn văn bản ngay sau khi chọn hộp kiểm không?JQuery chọn văn bản bên cạnh hộp kiểm nhập liệu?

<li>bleh..</li> 
<li> 
    <input type="checkbox" id="cbx1" value="10" />&nbsp;Very important text. 
</li> 
<li>bleh..</li> 

Tôi muốn sử dụng jquery để chọn "Văn bản rất quan trọng". trừ &nbsp;

Trả lời

13

giải pháp tốt hơn có thể là để quấn văn bản trong một label phần tử:

<li> 
    <input type="checkbox" id="cbx1" value="10" /> 
    <label for="cbx1">Very important text.</label> 
</li> 

Sau đó, bạn có thể lấy văn bản như vậy:

var text = $('label[for="cbx1"]').text(); 

Điều này cũng cải thiện ngữ nghĩa của tài liệu của bạn.

+0

Cảm ơn .. Tôi thích thực tế hộp kiểm được bật lên khi tôi nhấp vào văn bản, chỉ là cách chúng ta quen với Windows. –

8

Để làm được những gì bạn nói:

var text = $('#cbx1').parent().text(); 

Bạn có thể cần phải cắt nó, mặc dù không chắc chắn về &nbsp;:

var text = $.trim($('#cbx1').parent().text()); 
+1

+1, phiên bản cắt là câu trả lời hoàn chỉnh nhất cho việc này. –

+0

Ah vậy .text() sẽ thực sự nhận được văn bản và bỏ qua các phần tử html (hộp kiểm)? Bây giờ tôi rõ ràng sự khác biệt giữa .text() và .html() –

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