Question

这是基本的。

如何获得上述范围的“这是我的名字”这个值？

<div id='item1'>
<span>This is my name</span>
</div>

Answer 1

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

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

或

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

Answer 2

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

Answer 3

由于你没有为'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>

Answer 4

假设您打算阅读id =“item1”，则需要

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

Answer 5

$('#item1').text(); or $('#item1').html();适用于id="item1"

Answer 6

在javascript中你不会使用getelementbyid('item1').innertext吗？

Answer 7

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

Answer 8

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

Answer 9

您可以直接在html中使用跨度id。

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

那么您的jQuery代码就是

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

有人帮助我检查错误，发现他使用val（）而不是text（），不可能在span中使用val（）函数。所以

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

将返回null。

Answer 10

$('#item1 span').html();正在处理我的代码

Answer 11

非常重要有关.text（）和.html（）之间区别的其他信息：

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

然后

$('.foo').text();将这两个文本附加并给您；而

$('.foo').html();仅给您其中之一。

Answer 12

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

如何使用jQuery获取<span>的值？</span>

12 个答案: