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'
});

DEMO

Answer 4

您可以使用class，id，attr或tags作为jQuery选择器，这种情况ins是一个标记，因此您可以通过以下。

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

Jquery在anchor </ins>中的树<ins>标记内编辑样式属性

4 个答案: