jquery markieren Sie den link, wenn darauf geklickt

Wie kann ich jquery verwenden, markieren Sie den link, wenn ich drauf klicke?

Zum Beispiel, wenn ich auf den link class1_1, möchte ich diesen link rot (oder andere Farbe).

Den javascript-code hier:

<script type="text/javascript">
 $(function(){
  $("#menu li").each(function(){
     $(this).click(function(event){
       var ul=$(this).children("ul")
       var span = $(this).children("span")
       if(ul.html()!=null)
       {
          if(ul.css("display")=="none")
          {
            ul.css("display","block");
            span.addClass("up")
          }else
          {
            ul.css("display","none")
            span.removeClass("up")
          }
           event.stopPropagation();
       }else
       {
         event.stopPropagation();
       }
     });
  });
  return false;
 });
</script>

Den html-code hier:

<ul id="menu">

<li class="title"><span>class1 </span>
<ul>
  <li><a href="">class1_1</a></li>
   <li><a href="">class1_2</a></li>
 </ul>
 </li>
<li class="title"><span>class2</span>
   <ul>
  <li><span>class2_1</span>
   <ul>
    <li><a href="">class2_1_1</a></li>
    <li><a href="">class2_1_1</a></li>
  </ul>
  </li>
 </ul>
</li>
</ul>

vielleicht kann ich keine Erklärung, die meine Frage klar,ich meine, ist das Letzte onclick-link machen

Farbe auf rot und die andere links gesetzt, um es Standardfarbe

InformationsquelleAutor lanqy | 2009-05-01

  1. 8

    Ist es möglich mit CSS, ohne jQuery erforderlich:

    Highlight:

    a:active {
    background-color: #FF0000;
}

    Ändern, link Farbe:

    a:active {
    color: #FF0000;
}

    Edit: Antwort auf deinen Kommentar... Wenn Ihr die links nicht leitet den browser zu einer anderen Seite, die Sie verwenden können, Mike Robinson ' s Antwort zu erreichen den gleichen Effekt ohne die Seite zu verlassen und ohne die Farbe auf Standard zurück onblur.

    wenn die Nutzung a:active,onblur, die Farbe verschwindet

    InformationsquelleAutor Travis

  2. 5

    Denke, dies sollte es tun, obwohl ich nicht über jquery auf der hand jetzt. Meint 'up' ist eine Klasse, macht Ihren link rot:

    $("ul#menu a").click(function(){
 $(this).addClass('up');
});

    InformationsquelleAutor Mike Robinson

  3. 4

    Sollte dies funktionieren:

    Javascript:

    $(function(){
    $('.class1').click(function() {
        $(this).toggleClass('active1');
    });
});

    CSS:

    a.class1 { color: red; }
a.active1 { color: blue; }

    HTML:

    <a href="#" class="class1">some text</a>

    Eher für toggleClass (2 in 1) statt addClass/removeClass.

    Aber wenn mehr als zwei links ,zum Beispiel <ein href="#" Klasse="class1">text</a> <a href="#" Klasse="class1">text zu</a> <a href="#" Klasse="class1">text too1</a> ... wenn onclick "etwas text zu" wie kann ich zurücksetzen "text" Farbe Standard-Farbe? irgendeine Idee?

    InformationsquelleAutor Mike

  4. 1

    Ich würde empfehlen, die http://plugins.jquery.com/project/color jquery.color plugin. Es wird zulassen, die Sie animieren, um die Farbe auf allen Arten von html-Elementen.

    InformationsquelleAutor superUntitled

  5. 1
    <script type = "text/javascript" >
$(function() {
    $("#menu li").each(function() {
        $(this).click(function(event) {

            $("#menu li").removeClass("high");
            $(this).addClass("high");

            var ul = $(this).children("ul")
            var span = $(this).children("span")
            if (ul.html() != null) {
                if (ul.css("display") == "none") {
                    ul.css("display", "block");
                    span.addClass("up")
                } else {
                    ul.css("display", "none") span.removeClass("up")
                }
                event.stopPropagation();
            } else {
                event.stopPropagation();
            }
        });
    });
    return false;
});
</script>


<style>
.high{color:red}
</style>

    InformationsquelleAutor lanqy

  6. 1

    Javascript:

    $('.link').click(function() {
    if (!$(this).hasClass('hi')) {
        //If this link is not already highlighted, highlight it and make
        //sure other links of class .link are not highlighted.
        $('.hi').removeClass('hi');
        $(this).addClass('hi');
    }
});

    css:

    a.hi { color: red; }

    html:

    <a href="#" class="link">my text</a>
<a href="#" class="link">that text</a>
<a href="#" class="link">this text</a>

    InformationsquelleAutor Maxy-B

  7. 0

    Kann man es mit der CSS pseudo-Klasse aktiv. Es fügt speziellen Stil zu einem aktivierten element.

    Beispielsweise können Sie dies tun: 

    a: active { color: red; }

    Vorsichtig sein,, a:active MUSS nach a:hover in der CSS-definition, um wirksam zu werden!!

    InformationsquelleAutor eKek0

Schreibe einen Kommentar