jquery - Jquery，获取字体系列并更改颜色

Question

我正在尝试获取h1标签的字体系列并将颜色更改为h2to #CCC，但到目前为止它不起作用。我想我做错了。我是 jQuery 编码的新手，非常感谢您的帮助。

这是我的jQuery代码：

$(function() {
    $('.h1').click(function(){ 
        $(this).css('h2', '#CCC');
    }); 
});

请帮助我实现这一目标。提前致谢！

Answer 1

顺便说一句，如果 h1 和 h2 是类名，那么使用dot前缀 else 就按原样给它们。我假设它们是您标记中的类名。

$(function() {
 $('.h1').click(function(){ 
    $('.h2').css('color', '#CCC');
   alert($(this).css('font-family')); //this will give you font-family
 }); 
});

Answer 2

设置颜色

$(function() {
  $('h1').click(function(){ 
     $('h2').css('color', '#CCC');
     alert($('h2').css('font-family')); //this will give you font-family
  }); 
});

演示

Answer 3

你以错误的方式做到了：

$(function() {
 $('.h1').click(function(){ 
$('.h2').css('color', '#CCC');
 }); 
});

试试这个代码。

Answer 4

基于如下标记：

<h1 class="h1">I'm an H1</h1>
<h2 class="h2">I'm an H2</h2>

这应该是你的代码

$(function() {
    $('.h1').click(function(){ 
        var fontFamily = $(this).css("font-family"); // only accessible in this scope
        $('.h2').css('background-color', '#CCC');
    }); 
});

jsFiddle

注意：如果您使用 'h1' 作为h1标签的类名，我建议您重新考虑。这是非常不具体的，可能会变得混乱。