jquery - Jquery在树中编辑样式属性锚点内的标签

Question

我正在尝试更改 html 上的 ins 标签样式属性，如下所示

<ul>
  <li class="pad">
    <a>
     <ins style="margin-left: 5px"></ins>
    </a>
  </li>
  <li class="no_pad">
    <a>
      <ins style="margin-left: 0px"></ins>
    </a>
  </li>
  <li class="pad">
    <a>
      <ins style="margin-left: 5px"></ins>
    </a>
  </li>
<ul>

我只想获取带有“pad”类标签的列表元素。如何获取所有列表元素，然后进入 ins 标记以编辑其样式属性？

Answer 1

好吧，这不正是您要寻找的吗？或者我误解了你

$('li.pad ins').css('margin-left','20px');

Answer 2

使用简单的 CSS 选择器：

$('li.pad ins').css('cssPropertyName', 'CssPropertyValue');

这将添加cssPropertyName属性，并将其值设置为提供的cssPropertyValue.

如果您愿意，尽管不必要，请使用以下attr()方法：

$('li.pad ins').attr('style', function(i, v) {
    return v + 'cssPropertyName: cssPropertyValue;'
});

参考：

• attr().
• css().

Answer 3

你可以试试这个

$('li.pad > a > ins').css({
    'color':'red',
    'font-weight':'bold'
});

演示。

Answer 4

您可以使用class, id,attr或tags作为 jQuery 选择器，本例ins是一个标签，因此您可以通过以下方式找到它。

$('li.pad').find('ins');