첫 번째 버튼을 선택하는 방법은 무엇입니까?

Question

버튼을 클릭하기 위해 그리스 몽키 스크립트를 사용하고 싶습니다.

버튼 HTML은 아래와 같이 시작됩니다. 48/50/52에 각각 해당하는 3 개의 버튼이 있습니다. 48/50/52는 동일하지 않으므로 class="modeNum"에서 첫 번째 버튼을 선택하여 버튼을 선택적으로 클릭 할 수있는 방법이 있습니까?

첫 번째 버튼을 클릭하기 만하면됩니다.

버튼 코드 :

<dl class="numSize"> 
    <dt>size:</dt> 
    <dd class="modeNum"> 
     <a href="javascript:void(0);" rev="6" rel="3">48</a> 
     <a href="javascript:void(0);" rev="10" rel="3">50</a> 
     <a href="javascript:void(0);" rev="1" rel="1">52</a></dd> 
     <dd class="dps"> 
     <a href="javascript:;">size chart</a> 
    </dd> 
    <dd class="clear"></dd> 
</dl> 

... 그리고 두 번째 버튼을 클릭하면,에 코드 변경 : 첫 번째 <a>을 선택 document.querySelector를 사용하는 방법

<dl class="numSize"> 
    <dt>size:</dt> 
    <dd class="modeNum"> 
     <a href="javascript:void(0);" rev="6" rel="3">48</a> 
     <a class="Active" href="javascript:void(0);" rev="10" rel="3">50</a> 
     <a href="javascript:void(0);" rev="1" rel="1">52</a></dd> 
     <dd class="dps"> 
     <a href="javascript:;">size chart</a> 
    </dd> 
    <dd class="clear"></dd> 
</dl> 

요소?

Answer 1

재 :

어떻게 첫 번째 요소를 선택 document.querySelector를 사용하는? document.querySelector 항상에만 첫 일치하는 요소 (있는 경우)를 반환으로 쉽게

. 당신이 추가로 확인하려는 경우,

var firstBtn = document.querySelector ("dl.numSize > dd.modeNum > a"); 
if (firstBtn) { 
    // DO YOUR CLICK OR WHATEVER, HERE. 
} 

---

을 또는 :

당신은 단순히 사용하는 것이

var firstBtn = document.querySelector ("dl.numSize > dd.modeNum > a:first-of-type"); 
if (firstBtn) { 
    // DO YOUR CLICK OR WHATEVER, HERE. 
} 

---

JQuery와 선택기이 경우 동일하다 :

var firstBtn = $("dl.numSize > dd.modeNum > a:first-of-type"); 
if (firstBtn.length) { 
    // DO YOUR CLICK OR WHATEVER, HERE. 
} 

---

참조 :

• W3C, CSS Selector spec
• CSS3 Selector compatibility