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