closest返回一個(gè)或0個(gè)結(jié)果？
下述代碼第一個(gè)按鈕點(diǎn)擊后返回了兩個(gè)結(jié)果，不是應(yīng)該一個(gè)或0個(gè)結(jié)果么？
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <link rel="stylesheet" href="imooc.css" type="text/css">
? ? <style>
? ? .left {
? ? ? ? width: auto;
? ? ? ? height: 200px;
? ? }
? ??
? ? .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://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
</head>
<body>
? ? <h2>closest方法()</h2>
? ? <div class="left first-div">
? ? <div class="div">
? ? ? ? <ul class="level-2">
? ? ? ? ? ? <li class="item-a">A</li>
? ? ? ? ? ? <li class="item-1">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>
? ? ? ? ? ? <li class="item-c">C</li>
? ? ? ? </ul>
? ? </div>
? ? </div>
? ? <br/>
? ? <button>點(diǎn)擊：closest傳遞選擇器 </button>
? ? <button>點(diǎn)擊：closest傳遞一個(gè)元素對象</button>
? ? <script type="text/javascript">
? ? $("button:first").click(function() {
? ? ? ? ? ? $("li.item-1").closest($("li.item-1"))
? ? ? ? ? ? .css('border', '1px solid red');
? ? })
? ? </script>
? ? <script type="text/javascript">
? ? $("button:last").click(function() {
? ? ? ? var itemB = $('.item-b')
? ? ? ? $('li.item-1')
? ? ? ? ? ? .closest(itemB)
? ? ? ? ? ? .css('border', '1px solid blue');
? ? })
? ? </script>
</body>
</html>
2017-05-10
jquery對象里面有兩個(gè)DOM對象
2017-05-15
close()對象返回一個(gè)或者0 個(gè)對象是指：
?$(selector) .closest(selector)篩選的每一個(gè)選定的jQuery對象其closest()對象結(jié)果只有一個(gè)，當(dāng)?$(selector) 篩選結(jié)果為多個(gè)時(shí)，其結(jié)果集中的每個(gè)jQuery對象closest返回1個(gè)或0個(gè)，則總體就是多個(gè)了；