นี่เป็นพื้นฐาน
ฉันจะรับค่า 'นี่คือชื่อของฉัน' ของช่วงข้างต้นได้อย่างไร
<div id='item1'>
<span>This is my name</span>
</div>นี่เป็นพื้นฐาน
ฉันจะรับค่า 'นี่คือชื่อของฉัน' ของช่วงข้างต้นได้อย่างไร
<div id='item1'>
<span>This is my name</span>
</div>คำตอบ:
ฉันคิดว่านี่เป็นตัวอย่างง่ายๆ:
$('#item1 span').text();หรือ
$('#item1 span').html();.text()จะเข้ารหัส HTML ที่อักขระที่พบในขณะที่.html()จะไม่เข้ารหัสอักขระใด ๆ
$('.class').each(function() { $(this).html() });; เพราะ$('.class').html()จะส่งคืนค่า. html () สำหรับองค์ประกอบแรก
$("#item1 span").text();สมมติว่าคุณตั้งใจจะอ่าน id = "item1" คุณต้องการ
$('#item1 span').text()$('#item1').text(); or $('#item1').html(); ทำงานได้ดีสำหรับ id="item1"
เนื่องจากคุณไม่ได้ให้แอททริบิวสำหรับค่า 'ไอเท็ม' ฉันจึงสมมติว่ามีการใช้คลาส:
<div class='item1'>
<span>This is my name</span>
</div>
alert($(".item span").text());ตรวจสอบให้แน่ใจว่าคุณรอให้ DOM โหลดเพื่อใช้รหัสของคุณใน jQuery คุณใช้ready()ฟังก์ชันเพื่อ:
<html>
<head>
<title>jQuery test</title>
<!-- script that inserts jquery goes here -->
<script type='text/javascript'>
$(document).ready(function() { alert($(".item span").text()); });
</script>
</head>
<body>
<div class='item1'>
<span>This is my name</span>
</div>
</body>ในจาวาสคริปต์คุณจะไม่ใช้document.getElementById('item1').innertextเหรอ?
$('span id').text(); worked with me$('#id span').text() คือคำตอบ!
$('#item1 span').html(); มันทำงานกับรหัสของฉัน
ข้อมูลเพิ่มเติมที่สำคัญมากเกี่ยวกับความแตกต่างระหว่าง. text () และ. html ():
หากเลือกตัวเลือกของคุณมากกว่าหนึ่งรายการเช่นคุณมีสองช่วงชอบดังนั้น
<span class="foo">bar1</span>
<span class="foo">bar2</span>
,
แล้วก็
$('.foo').text();ต่อท้ายสองตำราและให้คุณ; แต่ทว่า
$('.foo').html(); ให้คุณเป็นหนึ่งในนั้น
คุณสามารถใช้ id ในช่วงโดยตรงใน html ของคุณ
<span id="span_id">Client</span>จากนั้นรหัส jQuery ของคุณจะเป็น
$("#span_id").text();บางคนช่วยฉันตรวจสอบข้อผิดพลาดและพบว่าเขาใช้ val () แทน text () มันเป็นไปไม่ได้ที่จะใช้ฟังก์ชัน val () ในช่วง ดังนั้น
$("#span_id").val();จะคืนค่าว่าง
<script>
$(document).ready(function () {
$.each($(".classBalence").find("span"), function () {
if ($(this).text() >1) {
$(this).css("color", "green")
}
if ($(this).text() < 1) {
$(this).css("color", "red")
$(this).css("font-weight", "bold")
}
});
});
</script>