Stil ändern, onclick

Ich möchte das ändern eines Tags Stil mit Klasse onclick (im Grunde möchte ich, die Klasse zu wechseln).
Dies ist mein HTML-code:

<div class="menutext"><a href="#" onclick="javascript:removeClass('menutext').addClass('menutext2');" class="scroll">Feedback</a></div>

Ich weiß nicht, was falsch ist, warum es nicht funktioniert!
Auch ich würde gerne diesen code mit JQUERY, wenn nicht möglich mit javascript.

addClass und removeClass jQuery-Methoden.

InformationsquelleAutor Ahmad Tantori | 2013-04-04

  1. 4

    aufrufen klicken Sie auf Ereignis besser ist, dass inline-javascript... lesbar und einfach zu Debuggen...

    versuchen, diese

    html

    <div class="menutext"><a href="#" class="scroll">Feedback</a></div>

    jquery

     $('.menutext a').click(function(e){
     e.preventDefault(); //to prevent the default behaviour of <a>
     $(this).parent().removeClass('menutext').addClass('menutext2'); 
      //parent() because i think you want to change the class of the div ...
 });
    Wenn Sie fortfahren möchten, ändern Stil auf jeden Klick, die Sie verwenden können .toggleClass('menutext').toggleClass('menutext2').
    genialer code, ich danke Ihnen sehr!
    willkommen... froh, dass es geholfen hat... sowieso sollte man immer akzeptieren, die post als Antwort, wenn es dir geholfen ...:).. happy coding

    InformationsquelleAutor bipen

  2. 1

    Sie nicht schreiben Sie einen jquery-Selektor in der onclick-Ereignis.

    <div class="menutext">
    <a href="#" onclick="javascript:$(this).removeClass('menutext').addClass('menutext2');" class="scroll">Feedback</a>
</div>
    Toller code, danke

    InformationsquelleAutor chris.ribal

  3. 1

    Diese funktioniert: 

    <div class="menutext"><a href="#" onclick="$(this).parent().removeClass('menutext').addClass('menutext2');" class="scroll">Feedback</a></div>
    Ich danke Ihnen sehr

    InformationsquelleAutor jgillich

  4. 1

    Als das, was ich verstehe an deiner Frage ist, das ist, was Sie wollen.
    jquery

       $('.childDiv').click(function(){
     $(this).parent().find('.childDiv').css('background-color','#ffffff');
     $(this).css('background-color','#ff0000');
   });

    html

     Group 1
 <div id="child1" class="childDiv">
    Child 1
</div>
<div id="child2" class="childDiv">
    Child 2
</div>
</div>
<div id="divParent2" class="parentDiv">
Group 2
<div id="child1" class="childDiv">
    Child 1
</div>
<div id="child2" class="childDiv">
    Child 2
</div> 
</div>

    CSS

     .parentDiv{
  border:1px solid black;
  padding:10px;
  width: 80px; 
  margin:5px;  
  display:relative;
}


.childDiv{
border:1px solid blue;
height: 50px;   
margin:10px;
}

    InformationsquelleAutor John

  5. 0

    Versuchen, diese mit jQuery und entfernen Sie die onclick - Attribut im link auch:

    $('div.menutext > a').click(function(){
     $(this).parent().removeClass('menutext').addClass('menutext2');
});

    InformationsquelleAutor palaѕн

Schreibe einen Kommentar