Javascript 我的jQuery选择器返回一个HTML标记及其内容,但我可以';我一个人看不到内容
我正在尝试访问页面上用Javascript 我的jQuery选择器返回一个HTML标记及其内容,但我可以';我一个人看不到内容,javascript,jquery,Javascript,Jquery,我正在尝试访问页面上用span标记包装的所有可见值。我使用选择器$(行[I]).find(“span:visible”)[0](因为我在遍历数组,所以使用了[I])并返回如下集合: <span class="size">7</span> <span class="size">29</span> <span class="size">14</span> 7. 29 14 我想得到的
span
标记包装的所有可见值。我使用选择器$(行[I]).find(“span:visible”)[0]
(因为我在遍历数组,所以使用了[I]
)并返回如下集合:
<span class="size">7</span>
<span class="size">29</span>
<span class="size">14</span>
7.
29
14
我想得到的是这些数字本身,没有标签。但如果我将选择器更改为
$(行[i])。查找(“span:visible”)[0]。innerHTML
$(行[i])。查找(“span:visible”)[0]。文本
$(行[i])。查找(“span:visible”)[0]。textContent
$(行[i])。查找(“span:visible”)[0]。html
或者任何其他我认为应该工作的选择器,我返回“未定义”或“无法检索未定义的属性X”错误
我应该在这里使用什么?选择器将为您提供一组匹配跨距的jQuery集。使用
[0]
以及类似的方法,可以获得原始DOM元素。如果需要每个跨度的文本,请使用.eq(x).text()
:
var spans = $(rows[i]).find("span:visible");
console.log("Text of first matching span: " + spans.eq(0).text());
console.log("Text of second matching span: " + spans.eq(1).text());
// ...
或在循环中:
$(rows[i]).find("span:visible").each(function(index) {
console.log("Text of span " + index + ": " + $(this).text());
});
你可以用
$(rows[i]).find("span:visible")[0].html();
或
或
那应该有用。。。这是:
我的期望是,您的代码中有一个输入错误,您必须找到并修复它 请尝试$($(行[i]).find(“span:visible”)[0]).text()?您是否尝试过$(行[i]).find(“span:visible”).html()
$(rows[i]).find("span:visible")[0].text();
$(rows[i]).find("span:visible")[0].get().innerHTML;
console.log($(".1").find("span:visible")[0]); //logs the first span
console.log($(".1").find("span:visible")[0].text); //logs the text content of the first span
//in a loop - logs the content of each span in jm
$(".1").find("span:visible").each( function() {
console.log($(this).text());
});