簡體   English   中英

如何<span>使用 jQuery</span>獲取 a 的值<span>?</span>

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM