$(".item-b").parents(".div",".first-div").css("border","1px solid red");???
<!DOCTYPE html>
<html>
<head>
? ?<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ?<title></title>
? ?<style>
? ? ? ?.left {
? ? ? ? ? ?width: auto;
? ? ? ? ? ?height: 350px;
? ? ? ?}
? ? ? ?.left div {
? ? ? ? ? ?width: 350px;
? ? ? ? ? ?height: 150px;
? ? ? ? ? ?padding: 5px;
? ? ? ? ? ?margin: 5px;
? ? ? ? ? ?float: left;
? ? ? ? ? ?background: #bbffaa;
? ? ? ? ? ?border: 1px solid #ccc;
? ? ? ?}
? ? ? ?span {
? ? ? ? ? ?color: blue;
? ? ? ?}
? ?</style>
? ?<script src="http://idcbgp.cn/static/lib/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<h2>parents方法()</h2>
<div class="left first-div">
? ?<div class="div">
? ? ? ?<ul class="level-2">
? ? ? ? ? ?<!-- A -->
? ? ? ? ? ?<li class="item-a">A</li>
? ? ? ? ? ?<!-- B -->
? ? ? ? ? ?<li class="item-b">B
? ? ? ? ? ? ? ?<ul class="level-3">
? ? ? ? ? ? ? ? ? ?<li class="item-1">1</li>
? ? ? ? ? ? ? ? ? ?<li class="item-2">2</li>
? ? ? ? ? ? ? ? ? ?<li class="item-3">3</li>
? ? ? ? ? ? ? ?</ul>
? ? ? ? ? ?</li>
? ? ? ? ? ?<!-- C -->
? ? ? ? ? ?<li class="item-c">C</li>
? ? ? ?</ul>
? ?</div>
? ?<div class="div">
? ? ? ?<ul class="level-2">
? ? ? ? ? ?<!-- A -->
? ? ? ? ? ?<li class="item-a">A</li>
? ? ? ? ? ?<!-- B -->
? ? ? ? ? ?<li class="item-b">B
? ? ? ? ? ? ? ?<ul class="level-3">
? ? ? ? ? ? ? ? ? ?<li class="item-1">1</li>
? ? ? ? ? ? ? ? ? ?<li class="item-2">2</li>
? ? ? ? ? ? ? ? ? ?<li class="item-3">3</li>
? ? ? ? ? ? ? ?</ul>
? ? ? ? ? ?</li>
? ? ? ? ? ?<!-- C -->
? ? ? ? ? ?<li class="item-c">C</li>
? ? ? ?</ul>
? ?</div>
</div>
<button>點擊:parents無參數(shù)</button>
<button>點擊:parents傳遞選擇器</button>
<script type="text/javascript">
? ?$("button:first").click(function() {
? ? ? ?$(".item-b").parents(".div",".first-div").css("border","1px solid red");
? ?})
</script>
<script type="text/javascript">
? ?$("button:last").click(function() {
? ? ? ?//找到當(dāng)前元素的所有祖輩元素,篩選出class="first-div"的元素
? ? ? ?//并且附上一個邊
? ? ? ?$('.item-b').parents('.first-div').css('border', '2px solid blue')
? ?})
</script>
</body>
</html>
2018-03-18
$(".item-b").parents(".div",".first-div").css("border","1px solid red");$(".item-b").parents先返回class=item-b元素集合的所有祖先元素,篩選那些class=div的 祖先元素設(shè)置紅邊,parents(),只有一個可選參數(shù),這里應(yīng)該只默認(rèn)用了第一個參數(shù)“.div"
2018-03-20
不可以,只能傳同一類型的一種表達(dá)式? 說明里有。