是否可以使用JQuery在嵌套的span标签之间获取文本？

Question

我需要在嵌套的span标记之间获取int值，并且不确定如何执行此操作。

<div class="totals">
  <span class="pad">
    <span id="sum">100</span>
    <span id="sub">200</span>
  </span>
</div>

我需要获得对100和200的访问权限。我尝试过使用.parent('span').text()，但这并没有给我任何回报。我需要将这些值保存在变量中，并在我的脚本中的其他位置使用它们。如果可以，有人可以告诉我如何做到这一点吗？

Answer 1

是的，您可以使用$(".totals .pad span")查找范围并使用.each在$(this).text()内使用each循环播放，以获取文字：

$(".totals .pad span").each(function() {
    console.log($(this).text());
});

...或者您可以通过id值来解决这些问题并直接阅读文字：

console.log($("#sum").text()); // "100"
console.log($("#sub").text()); // "200"

如果您需要将这些值作为数字，则可以根据需要使用parseInt(..., 10)或Number(...)。

jQuery API documentation有关于上面各种jQuery调用的信息。

Answer 2

如果您只是使用.parent('span').text()，那么您需要一个可以开始的地方。以下应该有效：

var sum = $('#sum').text();
var sub = $('#sub').text();

Answer 3

您可以使用.map。

var spanvalues=$(".pad").find("span").map(function(){
 return $(this).text();
});

然后spanvalues将是一个数组，其中包含span

中.pad元素的文字

Fiddle