Jquery 通过tab li rel更改图像src

这个应该很简单，但我挂断了。我正在尝试根据所选页面上的选项卡更改图像src。我在想《隐藏秀》，但更愿意写些更精确的东西。代码：

<img id="change_img" src="img/Change_Me.jpg" alt="" />

<ul class="tabs">
    <li rel="tab1">Tab1</li>
    <li rel="tab2">Tab 2</li>
    <li rel="tab3">Tab 3</li>
</ul>
<div class="tab_container">
    <div id="tab1" class="tab_content">
        <h2>Tab 1</h2>
        <p>Content</p>
    </div>
   <div id="tab2" class="tab_content">
        <h2>Tab 2</h2>
        <p>Content</p>
    </div>
  ...... etc.....

因此，当有人点击li选项卡1时，rel将通过上图中的src。所以 等图像将始终为.jpg，并位于img文件夹中。

使用。要获取rel值

---

此代码段获取已单击列表项的rel属性，您已将其用于选项卡，然后将其添加到图像源。

比一起摩擦兔子的脚更有效：]

$('.tabs li').click(function(){
    $('#change_img').attr('src','img/'+$(this).attr("rel")+'.jpg');
});

$(document).ready(function() {
  $('ul.tabs > li').click(function() {
    var thisTab = $(this).attr('rel');
    $('img#change_img').attr('src', 'img/'+thisTab+'.jpg');
  });
});