Jquery 编辑样式 <ins> 锚点内树标记中的 atrribute

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

使用一个简单的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 2

这不是你想要的吗？或者我误解了你

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

Answer 3

你可以试试这个

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

演示。

Answer 4

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

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