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

Question

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

这是基本的.

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

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

Run Code Online (Sandbox Code Playgroud)

Answer 1

Lew*_*wis 286

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

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

Run Code Online (Sandbox Code Playgroud)

要么

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

Run Code Online (Sandbox Code Playgroud)

我认为显示这两个函数时,重要的是我们不要混淆新编码器,建议他们做同样的事情,当他们不这样做时(尽管在这个例子中它会出现这样).重要的是要注意`.text()`将html编码它找到的任何字符,而`.html()`不会编码任何字符. (24认同)
我在哪里可以找到那些 jQuery 函数？ (2认同)

Answer 2

rah*_*hul 11

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

Run Code Online (Sandbox Code Playgroud)

Answer 3

小智 7

您可以直接在 html 中使用 span 中的 id 。

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

Run Code Online (Sandbox Code Playgroud)

那么你的 jQuery 代码将是

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

Run Code Online (Sandbox Code Playgroud)

有人帮我查错，发现他用的是val()而不是text()，在span中是不能使用val()函数的。所以

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

Run Code Online (Sandbox Code Playgroud)

将返回 null。

Answer 4

Ric*_*ich 6

假设你想要它读取id ="item1",你需要

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

Run Code Online (Sandbox Code Playgroud)

Answer 5

Fra*_*ino 5

由于您没有为'item'值提供属性,我假设正在使用一个类:

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

alert($(".item span").text());

Run Code Online (Sandbox Code Playgroud)

确保你等待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>

Run Code Online (Sandbox Code Playgroud)

Answer 6

小智 5

$('#item1').text(); or $('#item1').html(); 工作正常 id="item1"

归档时间：	15 年，10 月前
查看次数：	384225 次
最近记录：	8 年，1 月前