javascript - jQuery 选择函数选择器

Question

我试图在函数内部实现一些目标，以实际访问父选择器。

这是我的 HTML 代码的一小段:

<div class="module-row module-tab pull-right" id="modtab-sql_net">
    <img src="images/icons/icon-orangebox-plus.png" class="modtab-toggle">
</div>

<div id="tab-module-row-1">
</div>

<div class="module-row module-tab pull-right" id="modtab-sql_dss">
    <img src="images/icons/icon-orangebox-plus.png" class="modtab-toggle">
</div>

<div id="tab-module-row-2">
</div>

这是我尝试过的 jQuery 脚本:

$('div[id^="modtab-"]').click(function(){
    $(this).next('div[id^="tab-module-row"]').toggle(function(){
        $(this).next('.modtab-toggle').toggle_switch.attr("src").replace("plus", "minus");
// The above line is incorrect. I need to change img attr for the class which is inside the div being clicked
    });
});

现在，我想实际将图像图标从“加号”更改为“减号”(文件名保持不变)。

我需要将代码中的 $(this).next('.modtab-toggle') 更改为可以工作的内容。

请不要建议简单地使用 $('.modtab-toggle') 访问该类，因为我在代码中有多个这样的 div 标记。事情不会这样发展的。

感谢您的帮助。

Answer 1

试试这个:

$('div[id^="modtab-"]').click(function(){
   $(this).find('.modtab-toggle').attr("src", function(i, attr){
              var o = this.src.indexOf('plus') > -1 ? this.src.replace('plus', 'minus') : this.src.replace('minus', 'plus');
              return o;
          });
});

<小时/>

See the Demo @ Fiddle