Javascript JQuery查找样式,用rgb替换为十六进制颜色
我正在编写jquery脚本,以找到我想要找到的颜色和rgb的样式,并将其替换为Javascript JQuery查找样式,用rgb替换为十六进制颜色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在编写jquery脚本,以找到我想要找到的颜色和rgb的样式,并将其替换为#444444。我在查找样式颜色时遇到问题,因为当我尝试以下操作时: $('#text_editor').find('[style*="color: rgb(68, 68, 68)]"').css('color', '#444444'); 它不会让我找到的颜色和rgb的风格,因为它不会取代它 我也试过: $('#text_editor').find('color: rgb(68, 68, 68)').css('col
#444444
。我在查找样式颜色时遇到问题,因为当我尝试以下操作时:
$('#text_editor').find('[style*="color: rgb(68, 68, 68)]"').css('color', '#444444');
它不会让我找到的颜色和rgb的风格,因为它不会取代它
我也试过:
$('#text_editor').find('color: rgb(68, 68, 68)').css('color', '#444444');
这是:
document.execCommand('foreColor', false, '#444444');
$('#text_editor').find("span[style*='color: rgb(68, 68, 68)']").css('color', '#444444');
这也没什么不同,因为我一直在了解:
<span style="color: rgb(68, 68, 68);">sdgsdgsdgsdgsdg</span>
在使用css替换为#444444
之前,您能给我举个例子,说明如何找到我想要的rgb颜色样式吗
谢谢。如果在div或其他元素中使用它,它不会改变 我只知道当你使用背景色css时,它是可见的
<div style="background-color: #444444;">
...
</div>
...
这是否回答了您的问题?
<div id="text_editor" class="editor_message" hidefocus="false" aria-label="Message Body" g_editable="true" role="textbox" aria-hidden="true" aria-multiline="true" contenteditable="true" tabindex="1" style="direction: ltr; height: 500px; width: 100%; padding-left: 25px; padding-top: 18px; font-size: 16px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; overflow-y: auto;" itacorner="6,7:1,1,0,0">
<span style="color: rgb(68, 68, 68);">sdgsdgsdgsdgsdg</span>
</div>
$(document).on('click', '#color-picker1', function(e) {
$('#color-picker' + colorpicker_number + ' div').removeClass('tick-color');
$('#color-picker' + colorpicker_number).removeClass('color-picker-border');
$('#color-picker1 div').addClass('tick-color');
$('#color-picker1').addClass('color-picker-border');
colorpicker_number = 1;
alert("time to change the color 6");
document.execCommand('styleWithCSS', 0, true);
document.execCommand('foreColor', false, '#444444');
$('#text_editor').find('[style*="color: rgb(68, 68, 68)"]').css('color', '#444444');
if ($('#toolbar_text_color').css('display') == 'block') {
$('#toolbar_text_color').hide();
}
$('#text_editor').focus();
});
<div style="background-color: #444444;">
...
</div>