如何获得跨度的内容“ This is my name”?
<div id='item1'> <span>This is my name</span> </div>
我认为这应该是一个简单的例子:
$('#item1 span').text();
或者
$('#item1 span').html();
因为您没有为“ item”值提供属性,所以我假设正在使用一个类:
<div class='item1'> <span>This is my name</span> </div> alert($(".item span").text());
确保等待 DOM 加载使用代码,在 jQuery 中使用 ready()函数:
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吗?
document.getElementById('item1').innertext
$('#item1').text(); or $('#item1').html();对 id="item1"工作正常
$('#item1').text(); or $('#item1').html();
id="item1"
$('span id').text(); worked with me
$('#id span').text()就是答案!
$('#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> ,
<span class="foo">bar1</span>
<span class="foo">bar2</span>
那么
$('.foo').text();将这两个文本附加起来并给出它; 而
$('.foo').text();
$('.foo').html();只能给你其中一个。
$('.foo').html();
您可以直接在 html 中使用 span 中的 id。
<span id="span_id">Client</span>
那么您的 jQuery 代码将是
$("#span_id").text();
有人帮助我检查错误,发现他使用 val ()而不是 text () ,在 span 中不可能使用 val ()函数。 那么
$("#span_id").val();
将返回 null。