javascript - 选择未包含在特定元素中的所有元素

Question

我要选择<p>标记并设置它的一些属性，除非它被包装到 <span> 中。标签。

我该怎么做？

<div>
      <p></p>
</div>
<div>
     <span>
       <p></p>          // except this one - because it's warped into span tag
     <span>
</div>
<div>
     <div>
        <p></p>
     </div>
 </div>
<ul>
    <li>
        <p></p>
    </li>
</ul>

也许是这样的:

p:not(span p) { 
    // CSS properties here
}

但我网站的大多数用户使用旧浏览器，例如 IE8 (如您所知，它不支持 CSS3)。那我该怎么做呢？

Answer 1

你可以使用:not()来排除span内的元素

$('p:not(span p)').each(function(){
 console.log($(this).text())

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <p>p1</p>
</div>
<div>
    <span>
       <p>p2</p>          // except this one - because it's warped into <span> tag
    <span>
</div>
<div>
    <div>
        <p>p3</p>
    </div>
</div>
<ul>
    <li>
        <p>p4</p>
    </li>
</ul>