javascript - 如何使用jquery最接近应用css

Question

在这里，我尝试使用来自 div 的 jquery closest 为 ul 的 border 上色，其 >class 是 .row 并且 ul 的 border 颜色是 red。但似乎 jquery 无法正常工作，并且在 ul border 中不显示任何颜色。

$(document).ready(function() {
  $(".row").closest("ul").css({
    "color": "red",
    "border": "2px solid red"
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
  <div class="panel panel-primary">
    <div class="panel panel-body">
      <ul>
        <li>
          Name To Be Displayed
        </li>
      </ul>
    </div>
  </div>
</div>

任何最接近这样做的使用 jquery 的帮助都将是一个很好的帮助。

Answer 1

使用以下代码段。您正在使用 closest而不是 find

$(document).ready(function()
     {
       $(".row").find("ul").css({"color": "red", "border": "2px solid red"});
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
    <div class="panel panel-primary">
        <div class="panel panel-body">
            <ul>
                <li>
                    Name To Be Displayed
                </li>
            </ul>
        </div>
    </div>
</div>