从<跨度>获取<跨度>内的文本
Getting text from <span> within a <span>
在我正在使用的html中,有这个近似结构:
...
<span class="priceValue">
...
<span id="asd...">
12345
</span>
</span>
...
我想获取第二个(嵌套的)的 *.text() 的数字。问题是我不能使用"id="属性。
需要对jQuery代码有什么想法吗?
如果它是第一个.priceValue
元素中的第一个span
,则:
var text = $(".priceValue > span").first().text();
var text = $(".priceValue > span").first().text();
snippet.log(text);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="priceValue">
<div>Not me</div>
<span>One</span>
<span>Not me</span>
</div>
<div class="priceValue">
<div>Not me</div>
<span>Two</span>
<span>Not me</span>
</div>
<hr>
<!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>
如果你有几个.priceValue
元素,并且每个元素中都需要第一个跨度的文本,那就有点棘手了:
var textArray = $(".priceValue").map(function() {
return $(this).children("span").first().text();
}).get();
var textArray = $(".priceValue").map(function() {
return $(this).children("span").first().text();
}).get();
snippet.log(textArray.join(", "));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="priceValue">
<div>Not me</div>
<span>One</span>
<span>Not me</span>
</div>
<div class="priceValue">
<div>Not me</div>
<span>Two</span>
<span>Not me</span>
</div>
<hr>
<!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>
$("span>span").text(); // direct descendant use this
$("span span").text(); // if don't know if next span is direct descendant
相关文章:
- 无法在ajaxStart中更改跨度文本
- 如果跨度类文本=1,如何将boxShadow添加到跨度类
- 在 react 中对字符串应用 span 会返回 [对象对象],而不是给我跨度文本
- Jquery在触发器中切换跨度文本
- 更改跨度文本非常缓慢
- 使用 jQuery 抓取跨度文本并作为查询传递
- 在表中使用JQuery切换跨度文本
- 如何更改父元素中的跨度文本
- 更改跨度文本
- 将跨度文本复制到表单中的文本字段中
- 如何使用if语句与跨度文本正在变化
- 更改跨度文本
- 当图像轮播切换时,动态跨度文本更改
- 从Javascript函数设置跨度文本
- 设置跨度文本节点的样式而不设置子节点的样式
- 根据输入值更新跨度文本
- 在这个例子中,我如何使用AJAX来动态更改跨度文本
- 如何为跨度文本添加可变颜色
- Jquery - 如何在跨度文本之前预置图像
- 当两行时,请减小跨度文本的字体大小