谷歌扩展js怎么获取当前页面代码中ul标签下li标签下a标签下span标签的值,span标签有俩个并且值不固定

谷歌扩展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());
});
});