Jquery 如何将元素的值获取到.html()中

Jquery 如何将元素的值获取到.html()中,jquery,hex,rgb,Jquery,Hex,Rgb,我正在尝试将十六进制颜色转换为rgb。到目前为止,我已经让它工作了,但是现在我想把一个元素的值放到我的html()函数中。这就是我得到的: $(文档).ready(函数(){ 函数转换十六进制(十六进制,不透明度){ 十六进制=十六进制。替换('#',''); r=parseInt(十六进制子串(0,2),16); g=parseInt(十六进制子串(2,4),16); b=parseInt(十六进制子串(4,6),16); 结果='-rgb('+r+'、'+g+'、'+b+'); 返回结果;

我正在尝试将十六进制颜色转换为rgb。到目前为止,我已经让它工作了,但是现在我想把一个元素的值放到我的html()函数中。这就是我得到的:

$(文档).ready(函数(){
函数转换十六进制(十六进制,不透明度){
十六进制=十六进制。替换('#','');
r=parseInt(十六进制子串(0,2),16);
g=parseInt(十六进制子串(2,4),16);
b=parseInt(十六进制子串(4,6),16);
结果='-rgb('+r+'、'+g+'、'+b+');
返回结果;
}
$('h1').html(convertHex('000000'));
});

#ef8605
使用
$('.thecolor').html()
获取具有类
thecolor
的元素的值

请注意,使用
$('.thecolor').html()
将获得
中可能包含的html标记。您可以使用
$('.thecolor').text()
来获取内容,而不使用内部html标记

如果有很多,可以使用循环它们并将它们添加到目标

$(文档).ready(函数()
{
函数转换十六进制(十六进制,不透明度)
{
十六进制=十六进制。替换('#','');
r=parseInt(十六进制子串(0,2),16);
g=parseInt(十六进制子串(2,4),16);
b=parseInt(十六进制子串(4,6),16);
结果='-rgb('+r+'、'+g+'、'+b+');
返回结果;
}
$('.thecolor')。每个(函数()
{
$('h1').append(convertHex($(this.html());
//$('h1').append(convertHex($(this).text());使用
$('.thecolor').html()
获取具有类
thecolor
的元素的值

请注意,使用
$('.thecolor').html()
将获得
中可能包含的html标记。您可以使用
$('.thecolor').text()
来获取内容,而不使用内部html标记

如果有很多,可以使用循环它们并将它们添加到目标

$(文档).ready(函数()
{
函数转换十六进制(十六进制,不透明度)
{
十六进制=十六进制。替换('#','');
r=parseInt(十六进制子串(0,2),16);
g=parseInt(十六进制子串(2,4),16);
b=parseInt(十六进制子串(4,6),16);
结果='-rgb('+r+'、'+g+'、'+b+');
返回结果;
}
$('.thecolor')。每个(函数()
{
$('h1').append(convertHex($(this.html());

//$('h1').append(convertHex($(this).text());您可以创建一个变量并使用
.text()
获取值

$(文档).ready(函数(){
函数转换十六进制(十六进制,不透明度){
十六进制=十六进制。替换('#','');
r=parseInt(十六进制子串(0,2),16);
g=parseInt(十六进制子串(2,4),16);
b=parseInt(十六进制子串(4,6),16);
结果='-rgb('+r+'、'+g+'、'+b+');
返回结果;
}
var hex=$('.thecolor').text();
$('h1').html(convertHex(hex));
});

#ef8605

您可以创建一个变量并使用
.text()
获取值

$(文档).ready(函数(){
函数转换十六进制(十六进制,不透明度){
十六进制=十六进制。替换('#','');
r=parseInt(十六进制子串(0,2),16);
g=parseInt(十六进制子串(2,4),16);
b=parseInt(十六进制子串(4,6),16);
结果='-rgb('+r+'、'+g+'、'+b+');
返回结果;
}
var hex=$('.thecolor').text();
$('h1').html(convertHex(hex));
});

#ef8605

在这种情况下,你可能想要
.text()
而不是
.html()
@freedomn-m是的,但在我回答后,提交了一个带有
.text()
的答案(我投了更高的票)。
.html()如果源代码中没有html标记,则
也会起作用。我认为您的答案是有效的,因为您使用了
。在这种情况下,每个
您可能需要
.text()
,而不是
.html()
@freedomn-m是的,但是在我回答后提交了一个带有
.text()
的答案(我投了更高的票)。
.html()如果源代码中没有html标记,则
也会起作用。我认为您的答案是有效的,因为您使用了
。每个