![](/img/trans.png)
[英]How do I get a id of a <span> if i have id of div using jQuery?
[英]How do I get a value of a <span> using jQuery?
這是基本的。
如何獲得上述跨度的值“這是我的名字”?
<div id='item1'>
<span>This is my name</span>
</div>
我認為這應該是一個簡單的例子:
$('#item1 span').text();
或
$('#item1 span').html();
$("#item1 span").text();
假設你打算讓它讀取 id="item1",你需要
$('#item1 span').text()
由於您沒有為 '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>
$('#item1').text(); or $('#item1').html();
適用於id="item1"
在 javascript 中,您不會使用document.getElementById('item1').innertext
嗎?
$('span id').text(); worked with me
$('#id span').text()
就是答案!
您可以直接在 html 中使用 id in span。
<span id="span_id">Client</span>
那么你的 jQuery 代碼將是
$("#span_id").text();
有人幫我檢查錯誤,發現他用的是val()而不是text(),不能在span中使用val()函數。 所以
$("#span_id").val();
將返回空值。
$('#item1 span').html();
它與我的代碼一起工作
非常重要關於 .text() 和 .html() 之間差異的附加信息:
如果您的選擇器選擇了多個項目,例如您有兩個跨度<span class="foo">bar1</span>
<span class="foo">bar2</span>
,
那么
$('.foo').text();
附加兩個文本並給你; 而
$('.foo').html();
只給你其中之一。
<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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.