Divの背景をアクティブなタブで変更する - jquery

Question

メインヘッダーの下にコンテンツを表示する4つのタブがあります。現在、ヘッダーの下に座っているので、すべてのタブに同じヘッダーしか表示できません。

それぞれは、タブの内容を表示するIDでリンクされています。リンクをクリックしたときに、Jqueryでヘッダーの背景を変更するにはどうすればよいですか？

私のコードは以下の通りです。

<div class="my-header"> 

</div> 

<div class="wrapper"> 
    <ul class="tab-list"> 
    <li class="tab-title"><a href="#a1237as9123"> Tab 1 </a></li> 
    <li class="tab-title"><a href="#a1231239123">Tab 2 </a></li> 
    <li class="tab-title"><a href="#a1237522323">Tab 3 </a></li> 
    <li class="tab-title"><a href="#a1237123171">Tab 4 </a></li> 
</ul> 

    <div class="content-1"></div> 

    <div class="content-2"></div> 

    <div class="content-3"></div> 

    <div class="content-4"></div> 

</div> 

Answer 1

は、あなたがこのようなものが必要：

$('#clickMe').on('click', function() { 
    $('#changeMe').css('background-image', 'url(http://placehold.it/200x200/ff0000)'); 
})