如何通过使用jQuery单击另一个元素来更改元素的类

时间:2015-10-21 11:46:20

标签: javascript jquery html dom

当我点击class时,当我点击其他元素(div,body,li)时,如何更改HTML元素的<a>(X:元素),这个元素(X:元素)改变了 这是一个例子:

<a class='A'></a>
<div class='click'></div>

点击a addClass(B)

当我点击其他元素removeClass :( B)

5 个答案:

答案 0 :(得分:1)

尝试使用以下代码:

&#13;
&#13;
<IfModule mpm_winnt_module>
    ThreadsPerChild        150
    MaxConnectionsPerChild   0
</IfModule>
&#13;
$(document).ready(function(){
  
  var aTag = $("a.A");
  var divTarget = $("div.click");
  
   $(document).click(function(e){
     var target = $(e.target);
     if(target.is(aTag)){
        if(divTarget.hasClass("B"))
          divTarget.removeClass("B");
        else
          divTarget.addClass("B");
     }
     else if(!target.is(divTarget))
     {
       $(divTarget).removeClass("B");
     }
  });
  
})
&#13;
.B{
  color: blue}
&#13;
&#13;
&#13;

答案 1 :(得分:1)

正如我理解你的那样,你谈论的是这样的事情:

create or replace trigger application_id_trig
before insert on applicant
for each row
begin
:new.application_id := 'ABC'|| to_char(application_id_seq.nextval);
end application_id_trig;

答案 2 :(得分:1)

假设我理解你的问题,我将B类添加到.click,如果你点击A,点击其他地方,我将其删除

&#13;
&#13;
    $(function() {
      $(document).on("click", function(event) {
        var $tgt = $(event.target);
        $(".click").toggleClass("B", $tgt.hasClass('A'))
      });
    });
&#13;
.B { color:red }
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a class='A'>Click here</a>
<div class='click'>Text</div>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

如果我理解正确,这应该有用......

$('.a').on('click', function(){

    $(this).addClass('B');
});

$('.click').on('click', function(){

    $('.a').removeClass('B');
});

答案 4 :(得分:0)

点击&#39; a&#39;标签会将 B 类添加到&#39; div&#39;课程点击

什么时候除了&#39; div&#39;单击单击类后, B 类将被删除。

$(document).ready(function() {
    $(".A").on("click", function() {
        $(".click").addClass("B");
        return false;  // prevents the page from being reloaded
    });
    $(document).on("click", function() {
        if(!$(this).hasClass('click')) {
            $(".click").removeClass("B");
        }
        return false;
    });
});