針對元素樹的方式

Question

我需要抓住一個特定的元素。我點擊a標記時觸發了一個事件。我遇到了問題，因爲我只能影響標籤所在的ul。我想要選擇的元素有一類target。顯而易見的答案是選擇target，但有多個目標類。我的問題是我如何瞄準我想要的元素。以下是代碼。

<div id="section"> 
    <div id="target"> 
     Here is the div that I want to target. But I can't target it. 
    </div> 

    <div> 
     <ul> 
      <li></li> 
      <a>Clicking here triggers the event.</a> 
      <li></li> 
     </ul> 
    </div> 
</div> 

<script> 
    $(a).parentsUntil('#section').children(':gt(0)').children(':gt(2)').css('color','red'); 
</script> 

Answer 1

$('a').parents('#section').find('#target').css('color', 'red'); 

Answer 2

首先你需要在DOM已準備就緒處理程序，以附上代碼..

$(function() { 
    // Your code Here 
}); 

其次你的選擇是錯誤的

應該是$('a')而不是$(a)

試試這個代碼

$(this).closest('div').prev('#target').css('color', 'red'); 

OR

$('a').parents('#section').find('#target').css('color', 'red'); 

CHECK DEMO

$(function() { 
    $('a').on('click', function() { 

     $(this).closest('div').prev('#target').css('color', 'red'); 
    }); 
});​