谷歌扩展js怎么获取当前页面代码中ul标签下li标签下a标签下span标签的值,span标签有俩个并且值不固定
问题描述:
<ul data-property="颜色分类" class="J_TSaleProp tb-img tb-clearfix">
<li data-value="1627207:14186027082" >
<a href="javascript:;" style="background:url(//gd1.alicdn.com/imgextra/i1/1683510346/O1CN01c0SB1Z1EQVjdzXlBI_!!1683510346.png_30x30.jpg) center no-repeat;">
<span>White/Silver/Nightlife</span>
</a>
<i>已选中</i>
</li>
<li data-value="1627207:13747017907" >
<a href="javascript:;" style="background:url(//gd4.alicdn.com/imgextra/i4/1683510346/O1CN01MAHIpK1EQVjd58f4Q_!!1683510346.png_30x30.jpg) center no-repeat;">
<span>Nightlife/White/Black</span>
</a>
<i>已选中</i>
</li>
</ul>
答
有引入jquery框架用这个
var span=$('ul.J_TSaleProp a span').map(function(){return this.innerHTML}).get();
alert(span)
纯js用这个
var spans=document.querySelectorAll('ul.J_TSaleProp a span');
for(var span of spans)alert(span.innerHTML)
有帮助麻烦点个采纳【本回答右上角】,谢谢~~有其他问题可以继续交流~
答
$(function(){
$("ul li a").each(function(){
var y = $(this).next();
alert(y.text());
});
});