如何通过元素的类名查找元素的父元素并添加CSS?

时间:2019-06-21 15:26:45

标签: jquery css class parent closest

我有一个带有类的HTML元素,并且想为其直接父级添加简单的CSS或更好的类。

我在列表中添加了自定义列表样式类型(蓝色复选标记)。由于默认的type =“ disc”仍然存在(因此光盘和复选标记彼此相邻显示),我想用jQuery删除光盘。

我在WordPress的页面上工作,并在文件中添加符号: 根目录/wp-content/themes/my_theme/assets/js/main.js

我还尝试在以下方面记下它: root / wp-content / themes / my_theme / assets / js / theme-custom.js(这是主题随附的.js文件)

我的HTML

<ul>
  <li><span class="classname_a">Lorem ipsum dolor sit amet.</span></li>
  <li><span class="classname_a">Lorem ipsum dolor sit amet.</span></li>
  <li><span class="classname_a">Lorem ipsum dolor sit amet.</span></li>
  <li><span class="classname_a">Lorem ipsum dolor sit amet.</span></li>
</ul>

我的一些jQuery

$(document).ready(function(){
  $("span.classname_a").parent().css("list-style-type": "none", "margin-left": "-20px");
});

$(document).ready(function(){
  $("span.classname_a").parent("li").addClass("test");
});

0 个答案:

没有答案