Javascript 在div中选择un-id跨距

我的标记是一个内部有3个跨距的div。如何使用jquery读取每个跨度的值

<div id="mod">
   <span>first span<span>
   <span>second span<span>
   <span>third span<span>
</div>

function getVars(){
  var span1 = ;
  var span2 = ;
  var span3 = ;
}

第一跨
第二跨
第三跨
函数getVars（）{
var span1=；
var span2=；
var span3=；
}

请试试这个

$('#mod').find('span').text();

请试试这个

$('#mod').find('span').text();

注意：请确保关闭span“”

注意：确保关闭span'.

span{color:#008；}
span.sogreen{颜色：绿色；字体大小：粗体；}
厕所，
卡尔，
布兰登
格伦，
Tane，
拉尔夫
$（“部门跨度：第一个孩子”）
.css（“文本装饰”、“下划线”）
.hover（函数（）{
$（此）.addClass（“sogreen”）；
}，函数（）{
$（this.removeClass（“sogreen”）；
});

span{color:#008；}
span.sogreen{颜色：绿色；字体大小：粗体；}
厕所，
卡尔，
布兰登
格伦，
Tane，
拉尔夫
$（“部门跨度：第一个孩子”）
.css（“文本装饰”、“下划线”）
.hover（函数（）{
$（此）.addClass（“sogreen”）；
}，函数（）{
$（this.removeClass（“sogreen”）；
});

您也可以使用此

$(document).ready(function () {
      alert($("#mod span:eq(0)").html());
    });

你也可以用这个

$(document).ready(function () {
      alert($("#mod span:eq(0)").html());
    });

首先关闭span标签

，

，然后它应该可以工作，所有答案

另一种变体

$(document).ready(function () {
    alert($("#mod").children(":first").text());
});

首先关闭span标签

，

，然后它应该可以工作，所有答案

另一种变体

$(document).ready(function () {
    alert($("#mod").children(":first").text());
});

---

你的问题有点矛盾。。。“你真的不想要所有跨度的文字，还是仅仅第一个跨度的文字？”保利，我重新措辞。我正在试验第一个，但需要阅读每一个。那么政府的答案就可以了it@Pauli，我认为政府的答案只有第一个。获取当前匹配元素集中每个元素的后代，并通过选择器进行筛选。它将返回0个或多个与筛选器匹配的元素。您的问题有点矛盾。。。“你真的不想要所有跨度的文字，还是仅仅第一个跨度的文字？”保利，我重新措辞。我正在试验第一个，但需要阅读每一个。那么政府的答案就可以了it@Pauli，我认为政府的答案只有第一个。获取当前匹配元素集中每个元素的后代，并通过选择器进行筛选。它将返回0个或多个与筛选器匹配的元素。对于每个跨度，您可以这样做。$（“#mod>span”）.text（）。就像我上面提到的一样。对于每个跨度，您可以这样做。$（“#mod>span”）.text（）。就像我上面提到的一样。uhh$（“#mod span”）.text（）；是不是更好。uhh$（“#mod span”）.text（）；更好。$（“div span:first child”）可以改进，看起来他不想要页面上所有的div，只想要一个名为mod的div，为什么你会使用：first child当你可以写：eq（0），它是文本的一半。$（“div span:first child”）可以改进，看起来他不想要页面上所有的div，只有一个名为mod的，为什么你会使用：first child当你可以写：eq（0）时，它是文本的一半。