jQuery :only-child 选择器

实例

选择作为其父元素的唯一子元素的所有 <p> 元素:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("p:only-child").css("background-color", "yellow");
});
</script>
</head>
<body>
<div style="border:1px solid;">
  <p>第一个子元素</p>
  <p>最后一个子元素</p>
</div><br>
<div style="border:1px solid;">
  <p>唯一的子元素</p>
</div><br>
<div style="border:1px solid;">
  <span>第一个子元素</span>
  <p>最后一个子元素</p>
</div><br>
</body>
</html>

运行一下

定义与用法

:only-child 选择器选取属于其父元素的唯一子元素的每个元素。

语法

$(":only-child")

jQuery :only-child 选择器

实例

定义与用法

语法

分类导航