jQuery- 핸들 클릭

Question

나는 그런 건축을 가지고있다 :

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

이제 '클릭을 처리해야합니다.Nav' 그리고 '슬라이더 컨텐츠'그리고 클릭 한 요소 href-attribute를 받으십시오.

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

이 코드를 사용합니다

Div#슬라이더

Answer 1

사용 attr 요소의 속성 값을 얻거나 설정하려면 :

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

선택기 #slider DIV 요소를 말하면 Firebug 출력이 발생합니다. [div#slider]. 당신은 그것을 사용하여 앵커를 대상으로 할 수 있습니다 조상 후손 선택자:

"조상"에 의해 지정된 요소의 "후손"으로 지정된 모든 자손 요소와 일치합니다.

이는 위의 예에서와 같이 공간으로 분리 된 조상 뒤에 자손 요소를 두는 것을 의미합니다. $('#slider a')

---

VER 1.6 기준 참고 .prop ()가 소개되었습니다. _{더 많은 정보}

속성과 속성의 차이는 특정 상황에서 중요 할 수 있습니다. jQuery 1.6 이전에 .attr () 메소드는 때때로 일부 속성을 검색 할 때 속성 값을 고려하여 일관되지 않은 동작을 유발할 수 있습니다. jQuery 1.6에서 .prop () 메소드는 속성 값을 명시 적으로 검색하는 방법을 제공하는 반면 .attr ()는 속성을 검색합니다. _{더 많은 정보}

예를 들어, selectedIndex, tagname, nodename, nodeType, ownerdocument, defaultChecked 및 defaultSelected를 검색하고 .prop () 메소드로 설정해야합니다. jQuery 1.6 이전에, 이러한 특성은 .attr () 메소드로 검색 될 수 있었지만 이는 attr의 범위 내에 있지 않았습니다. 이들은 해당 속성이 없으며 속성 만 있습니다. _{더 많은 정보}