JQuery - Griff klicken

Question

Ich habe eine solche Konstruktion:

             <div id="slider"> 
               <div id="nav">
                    <div class="sliderPart">
                        <a href="#computers">
                            <strong>1</strong>
                        </a>
                    </div>
                    <div class="sliderPart">
                        <a href="#network">
                            <strong>2</strong>
                        </a>
                    </div>
                    <div class="sliderPart">
                        <a href="#web">
                            <strong>3</strong>
                        </a>
                    </div>
                    <div class="sliderPart">
                        <a href="#support">
                            <strong>4</strong>
                        </a>
                    </div>
               </div>
               <div id="slider-content">
                    <a href="#computers" id="slider-computers" class="slider-block">Test1</a>
                    <a href="#network" id="slider-network" class="slider-block">Test 2</a>
                    <a href="#web" id="slider-web" class="slider-block">Test 3</a>
                    <a href="#support" id="slider-support" class="slider-block">Test 4</a>
               </div>
            </div>

Jetzt muß ich Griff auf ' nav ' klicken und ' Slider-Gehalt ' und klickte Element href-Attribut erhalten.

       $('#slider').click(function(){
            console.log( $(this) );
       });

Sie diesen Code verwenden ich

  

[div # slider]

Answer 1

Verwenden Sie attr zu erhalten oder ein Element Attributwert gesetzt:

$('#slider a').click(function(){
    console.log( $(this).attr('href') );
});

Der Selektor #slider bezieht sich auf das div-Element, das warum Firebug ist Ausgänge [div#slider]. Sie können Anker in ihrem Ziel mit dem Vorfahre Nachkommen Selektor:

  

Spiele alle untergeordneten Elemente   durch „Nachkommen“ von Elementen spezifizierte   spezifiziert durch "Vorfahren".

Welche Mittel den Nachkommen Element nach dem Vorfahren zu setzen, durch ein Leerzeichen getrennt, wie im obigen Beispiel - $('#slider a')

---

  

FYI ZUM VER 1.6 .prop () eingeführt. _{Mehr Infos}

     

Der Unterschied zwischen den Attributen und Eigenschaften kann in bestimmten Situationen wichtig sein. Vor jQuery 1.6, die .attr () -Methode hat manchmal Eigenschaftswerte berücksichtigt werden, wenn einige Attribute abzurufen, die inkonsistentes Verhalten verursachen könnte. Ab jQuery 1.6 stellt die .prop () Methode eine Art und Weise, um explizit Eigenschaftswerte abzurufen, während .attr () empfängt Attribute. _{Mehr Infos}

     

Zum Beispiel selectedIndex, tagName, nodeName, nodeType, ownerdocument, defaultChecked und defaultSelected sollte mit dem .prop () -Methode abgerufen und eingestellt werden. Vor jQuery 1.6 waren diese Eigenschaften mit dem .attr () -Methode abrufbaren, aber dies war nicht im Rahmen von attr. Diese haben keine entsprechenden Attribute und sind nur Eigenschaften. _{Mehr Infos}