JQuery переключить img с братьями и сестрами

Я хочу сделать радиокнопки с моими изображениями. Итак, я определяю свой div следующим образом:

<div id="LabBox">
    <img class="dlike" alt="dlike" src="images/dlike_OFF.png"/>
    <img class="check" alt="check" src="images/check_OFF.png"/>
    <img class="funny" alt="funny" src="images/funny_OFF.png"/>
    <img class="idea" alt="idea" src="images/idea_OFF.png"/>
    <img class="imp" alt="imp" src="images/imp_OFF.png"/>

</div>

я хотел бы переключить имя файла. Поэтому я использую следующий код jqueqy:

  $("#LabBox img").click(function () {

var src;    
var srcname = $(this).attr("src");


    // turn on!
if(srcname.toLowerCase().indexOf("off") >= 0){

    //(e.g images/dlike_OFF.png -> images/dlike_ON.png)
src = $(this).attr("src").replace("OFF", "ON");  
    $(this).attr("src", src);   
}   
    // All others turn off! for other words src swap.
  var src2 =$(this).siblings().attr("src").replace("ON", "OFF");
   // All images are the same pic. why?? ---> src="images/dlike_OFF.png"
  console.log(src2);
  $("#LabBox img").attr("src",src2);

    });

Проблема в том, что я хочу заменить все «братья» моего выбранного тега (изображения). Все img меняются на один и тот же img, который является «images/dlike_OFF.png» (первый). Как я могу изменить все мои изображения с помощью siblings()? Или как я могу адаптировать свой скрипт для замены всех изображений?


jquery radio-button siblings
person ePascoal    schedule 02.04.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

РЕАЛЬНАЯ ДЕМО

$("#labBox").on('click','img[src$=OFF]',function () {
  this.src = this.src.replace('OFF', 'ON');
  $(this).siblings().each(function(){
     this.src = this.src.replace('ON', 'OFF');
  });
});
person Roko C. Buljan    schedule 02.04.2013