jquery - 将类添加到所选元素外部的元素

Question

考虑下一个 HTML:

<ul>
    <li><span id="package_s">Small</span></li>
</ul>

如何使用 li 内 span 元素的 id 将类添加到 li 元素？

Answer 1

由于 li 是 span 的父级，因此可以使用 .parent()

这是一个片段:

$(function() {
  $("#package_s").parent().addClass("test-class");
});

.test-class {
  background-color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li><span id="package_s">Small</span></li>
  <li><span id="package_m">Medium</span></li>
  <li><span id="package_l">Large</span></li>
</ul>

文档:.parent()