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>

Doc：.parent()

Answer 2

您可以使用jquery parent() 功能进行li选择。

$("#package_s").parent().addClass("your-class");

parent()函数将选择#package_s元素，然后addClass()函数将在所选元素中添加该类。

Answer 3

您可以使用parent()获取所选元素的父级，然后使用addClass()将类添加到其中。

以下代码在文档就绪时执行。（这里的例子我已经将类名添加为'my-custom-class'。你可以适当地替换）

$(document).ready(function() {
  $("#package_s").parent().addClass('my-custom-class')
});

Fiddle here

将类添加到所选元素之外的元素

3 个答案: