如何使用 jQuery 获取 < span > 的内容?

如何获得跨度的内容“ This is my name”?

<div id='item1'>
<span>This is my name</span>
</div>
488805 次浏览

我认为这应该是一个简单的例子:

$('#item1 span').text();

或者

$('#item1 span').html();

因为您没有为“ item”值提供属性,所以我假设正在使用一个类:

<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>

假设您希望它读取 id = “ item1”,那么您需要

$('#item1 span').text()
$("#item1 span").text();

在 javascript 中你不会使用 document.getElementById('item1').innertext吗?

$('#item1').text(); or $('#item1').html();id="item1"工作正常

     $('span id').text(); worked with me

$('#id span').text()就是答案!

它与我的代码工作

<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>

非常重要. text ()和. html ()之间区别的附加信息:

如果您的选择器选择多个项目,例如,您有两个跨度如下 <span class="foo">bar1</span> <span class="foo">bar2</span> ,

那么

$('.foo').text();将这两个文本附加起来并给出它; 而

$('.foo').html();只能给你其中一个。

您可以直接在 html 中使用 span 中的 id。

<span id="span_id">Client</span>

那么您的 jQuery 代码将是

$("#span_id").text();

有人帮助我检查错误,发现他使用 val ()而不是 text () ,在 span 中不可能使用 val ()函数。 那么

$("#span_id").val();

将返回 null。