javascript - 在 javascript 或 jquery 中更改 outerHTML

Question

我想更改 outerHTML，这就是我所做的:

$(data.description)[0].outerHTML = $(data.description)[0].outerHTML.replace('red', 'black');

值为:

$(data.description)[0].outerHTML: "<p style="color: red;">desc1</p>"

它不会改变。怎么改？

data.description 有这个值:

<p style="color: red;">desc1</p><p style="color: red;">desc2</p>

我只想更改 $(data.description)[0]。

这是我的全部代码:

var ingsLines = $(data.description);
for (var i =0; i < ingsLines.length; i++) {
    if (someCondition) {
        $(data.description).eq(i).css('color', 'black');
    }
}
try{$('#myTextarea').html(data.description);}catch(err){}

并且代码更改了值，它用黑色代替红色，但 data.description 保持红色。

Answer 1

如果你想改变第一个元素的颜色属性，你可以使用css和eq方法:

$(data.description).eq(0).css('color', 'black');