Question

我希望使用onclick事件将h3标签的颜色（总共3个）更改为红色，然后在选择另一个h3标签后将其更改回原始颜色。

现在选择的h3标签变为红色。

$(document).ready(function() { 
    $('p.order').on('click', function() { 
        $('h3').css('color', 'red');
    }); 
});

<div id="accordion">
    <h3 class="alert"><p class="order">Orders</p></h3>
    <h3 class="cut"><p class="restaurant"> Restaurant</p></h3>
    <h3 class="icon"><p class="Account"> Account</p></h3>
</div>

Answer 1

你可以这样做：

$(document).ready(function() { 
    $('#accordion h3').on('click', function() {
        $('#accordion h3').css('color', 'black');
        $(this).css('color', 'red');
    });
});

DEMO

Answer 2

P标签位于H3标签内。要更改父H3的css，您必须使用jquery父函数：

$('p').on('click', function() { 
    $(this).parent('h3').css('color', 'red');
});

这种方式适用于所有P和H3

更改H3标签的颜色onclick

2 个答案: