javascript - jquery获取父元素的方法

Question

我想增加父元素的字体大小。当我使用我的代码时，它会增加全身字体大小，我该如何避免这个问题？ 基于 id="vs-1" 的示例，我想增加 grant parent li text here 1940 的字体大小。

$("li #vs-1").parents().css({
  'color': '#ff3600',
  'font-size': '35px'
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>1940
    <ul>
      <li style="background-color: rgb(255, 54, 0);" id="vs-1"></li>
    </ul>
  </li>
  <li>1970
    <ul>
      <li id="vs-2"></li>
    </ul>
  </li>
</ul>

当我使用这段代码时，它会影响整个 body ul li 标签。请给我解决方案。谢谢

Answer 1

你走在正确的道路上，你应该只在 .parents() 调用中指定父级:

$('li #vs-1').parents("li").css({'color':'#ff3600','font-size':'35px'});
______________________^^^^

希望这对您有所帮助。

$("li #vs-1").parents('li').css({
  'color': '#ff3600',
  'font-size': '35px'
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>1940
    <ul>
      <li style="background-color: rgb(255, 54, 0);" id="vs-1"></li>
    </ul>
  </li>
  <li>1970
    <ul>
      <li id="vs-2"></li>
    </ul>
  </li>
</ul>