Question

当元素选择时，是否可以更改其他元素css。例如，下面的代码有div.allgametap_wrapper，里面有div.allgame_tabitem，div.clear和div.tabtitle。我的意思是我使用js来切换selected内的div.allgame_tabitem类，当div.allgame_tabitem有selected个div.tabtitle里面div.allgametap_wrapper时css #fff (white) }将更改为<div class="allgametap_wrapper"> <div class="allgame_tabitem onlinegametab"></div> <div class="clear"></div> <div class="tabtitle" style="color:#666;"></div> </div> <div class="allgametap_wrapper"> <div class="allgame_tabitem allgametab selected"></div> <div class="clear"></div> <div class="tabtitle" style="color:#666;"></div> </div>。

    $(".allgame_tab_container div div.allgame_tabitem").on('click', function (e) {
       e.preventDefault();
       var $this = $(this);
       $(".allgame_tab_container div div.allgame_tabitem").removeClass('selected');
       $this.addClass('selected');
   });

JS切换所选代码

<a class="fancybox" data-fancybox-group="thumb1" href="http://fancyapps.com/fancybox/demo/4_b.jpg"><img src="http://fancyapps.com/fancybox/demo/4_s.jpg" alt="" /></a>

        <a class="fancybox hidden" data-fancybox-group="thumb1" href="http://fancyapps.com/fancybox/demo/3_b.jpg"><img src="http://fancyapps.com/fancybox/demo/3_s.jpg" alt="" /></a>

        <a class="fancybox" data-fancybox-group="thumb2" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt="" /></a>

        <a class="fancybox hidden" data-fancybox-group="thumb2" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt="" /></a>

Answer 1

如果你能提供你的js代码那就太棒了。这是插图：

// $(this) would refer to current selected element
// this depend on your existed js code
if ( $(this).hasClass('selected') ) {
  $('.tabtitle').css('color','#666'); //<-- add this
  $(this).siblings('.tabtitle').css('color','#fff');
}

Answer 2

这是

的简写代码

 $("div.allgame_tabitem").on('click', function(e) {
     e.preventDefault();
     if ($(this).hasClass('selected')) {

         $(this).siblings('.tabtitle').css('color', '#fff');
     } else {

         $(this).addClass('selected');
         $(this).siblings('.tabtitle').css('color', '#fff');
         $(this).parent().siblings().find('.selected').removeClass('selected');
     }

 });

Answer 3

你可能指的是：

window.document.getElementByClassName("allgametap_wrapper").style.color = white;

理解你的意思有点棘手。

当selected元素有新类时，如何更改其他元素css

3 个答案: