為什么父母不在jQuery中工作？

Question

你能告訴我為什么parent函數不能正常工作嗎？

這是我的代碼

https://jsbin.com/gefacenefi/edit?html,js，輸出

 $(function () {

        $('.add').click(function () {
            $('.item').parent('li.nn').css('color', 'red');
        });

    });

預期輸出此文本為紅色

<li class="nn">bhiooo</li>

Answer 1

您正在嘗試調用其他節點的父節點。 嘗試這個

$('.add').click(function () {
  $('.item').parent().siblings('li.nn').css('color', 'red');
});

Answer 2

請執行以下操作：

$(function () {
    $('.add').click(function () {
      $('.item').parent().siblings('li.nn').css('color', 'red');
    });
});

另外，您沒有正確關閉li元素。 結構應如下所示：

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
   <title>JS Bin</title>
   <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
</head>
<body>
   <button class="add">filler</button>
   <div>
      <ul>
         <li class="nn">bhiooo</li>
         <li class="m">hello22
            <ul class="item">
                <li class="abc">123</li>
                <li class="pp">12</li>
                <li class="abc">78</li>
                <li class="ac">13</li>
                </li>
            </ul>
         </li>
      </ul>
   </div>
</body>
</html>

Answer 3

你UL .item沒有受到.nn 。

更改HTML或改編JS

$('.item').parent().prev('li.nn').css('color', 'red');

Answer 4

試試下面的代碼

$('.add').click(function () {
  $('.item').parents().find('.nn').css('color', 'red');
});

這是工作中的jsfiddle： https ://jsfiddle.net/nq9tzafz/

我認為這應該對您有幫助

為什么父母不在jQuery中工作？

問題描述

4 個解決方案

解決方案1
1 2017-04-14 13:13:21

解決方案2
0 已采納 2017-04-14 13:09:56

解決方案3
0 2017-04-14 13:12:30

解決方案4
0 2017-04-14 13:21:01

為什么父母不在jQuery中工作？

問題描述

4 個解決方案

解決方案1 1 2017-04-14 13:13:21

解決方案2 0 已采納 2017-04-14 13:09:56

解決方案3 0 2017-04-14 13:12:30

解決方案4 0 2017-04-14 13:21:01

解決方案1
1 2017-04-14 13:13:21

解決方案2
0 已采納 2017-04-14 13:09:56

解決方案3
0 2017-04-14 13:12:30

解決方案4
0 2017-04-14 13:21:01