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

IT技术 javascript jquery html
2021-02-23 14:13:35

这是基本的。

如何获得上述跨度的值“这是我的名字”?

<div id='item1'>
<span>This is my name</span>
</div>
6个回答

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

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

或者

$('#item1 span').html();
我认为在展示这两个函数时,重要的是我们不要通过建议他们做同样的事情来混淆新的编码员,当他们不这样做时(尽管在这个例子中它会出现)。重要的是要注意.text()html 将对它找到的任何字符进行编码,而不.html()会对任何字符进行编码。
2021-04-19 14:13:35
这可以通过具有相同类的多个跨度来完成吗?
2021-05-02 14:13:35
我偶然发现了这个试图找出 tspan 与 IE 一起工作的方法。我发现您需要将 .text() 与 tspan 一起使用,而不是 .html()。不确定为什么,可能不是每个人都这样,但是当我使用 .text() 时它在 IE 中修复了它。
2021-05-02 14:13:35
我在哪里可以找到那些 jQuery 函数?
2021-05-08 14:13:35
@马修伍德$('.class').each(function() { $(this).html() });; 因为$('.class').html()将返回第一个元素的 .html() 值
2021-05-11 14:13:35
$("#item1 span").text();

假设你打算让它读取 id="item1",你需要

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

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

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

你改变了问题!您的回答适合您的问题,他指定的是 id 而不是类名
2021-05-01 14:13:35
好吧,如果你看到他名字下的第一条评论,你会注意到他根本没有写一个属性,它是 <div 'item1'>,我显然猜错了。
2021-05-02 14:13:35