JQuery - clic mango

Question

Tengo tal construcción:

             <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>

Ahora tengo que manejar al hacer clic en ' de navegación ' y ' control deslizante de contenido ' y obtener href elemento de atributo se hace clic.

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

El uso de este código de recibo

  

[div # deslizador]

Answer 1

attr para obtener o establecer los valores de atributo de un elemento:

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

El #slider selector se refiere al elemento div que es la razón por firebug emite [div#slider]. Puede orientar anclas dentro de ella utilizando la ancestro descendiente de selección:

  

Coincidencias todos los elementos descendientes   especificado por "descendiente" de elementos   especificado por "ancestro".

Lo que significa para poner el elemento descendiente después de que el antepasado, separadas por un espacio como en el ejemplo anterior - $('#slider a')

---

  

FYI AS DE VER 1.6 .prop () introducido. _{Más información}

     

La diferencia entre los atributos y propiedades puede ser importante en situaciones específicas. Antes de jQuery 1.6, el método .attr () a veces se valores de las propiedades en cuenta cuando se recuperan algunos atributos, lo que podría causar un comportamiento incoherente. A partir de jQuery 1.6, el método .prop () proporciona una manera de recuperar de manera explícita los valores de propiedad, mientras que .attr () recupera atributos. _{Más información}

     

Por ejemplo, selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, y defaultSelected se debe recuperar y colocadas con el método .prop (). Antes de jQuery 1.6, estas propiedades eran recuperable con el método .attr (), pero esto no fue dentro del alcance de attr. Estos no tienen atributos correspondientes y son únicas propiedades. _{Más información}