2013-12-20 56 views
1

當我點擊「貨物」鏈接「限制」,「打開」時,我怎樣才能獲得「貨物」當我點擊「服務」鏈接 「限制」, 「打開」 同樣,在此先感謝jquery通過他們的孩子獲得父李li的文本

的JavaScript:

$('.goodsLink li a').click(function(){ 

    alert($('#nav li ul li a').html()); 
    return false; 
}); 

HTML:

<ul id="nav"> 
    <li><a href="#">Create a New Tender</a> 

     <ul> 
      <li><a href="#"><strong>+</strong> Goods</a> 

       <ul> 
        <li><a href="#"><strong>-</strong>&nbspSingle</a> 

         <ul class="goodsLink"> 
          <li><a href="link.html"> - Restricted</a> 
          </li> 
          <li><a href="link2.html"> - Open</a> 
          </li> 
         </ul> 
        </li> 
        <li><a href="#"><strong>-</strong>&nbspFramework</a> 

         <ul class="goodsLink"> 
          <li><a href="link3.html"> - Restricted</a> 
          </li> 
          <li><a href="link4.html"> - Open</a> 
          </li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
      <li><a href="#"><strong>+</strong> Services</a> 

       <ul> 
        <li><a href="#"><strong>-</strong>&nbspSingle</a> 

         <ul class="servicesLink"> 
          <li><a href="link5.html"> - Restricted</a> 
          </li> 
          <li><a href="link6.html"> - Open</a> 
          </li> 
         </ul> 
        </li> 
        <li><a href="#"><strong>-</strong>&nbspFramework</a> 

         <ul class="servicesLink"> 
          <li><a href="link7.html"> - Restricted</a> 
          </li> 
          <li><a href="link8.html"> - Open</a> 
          </li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
</ul> 
+3

如何jQuery的功能'.parent()'? – reporter

+2

http://api.jquery.com/closest/也可以在您需要鑽取未知金額的事件中提供幫助。 – Robb

回答

2

您可以使用這樣的事情:

$('.goodsLink li a').click(function() { 
    alert($(this).parents('li:contains("+")').children("a:first").text()); 
    return false; 
}); 

但是,最好的方法應該是讓你使用類或致敬,以更好地確定你要查找的元素。這樣,你冷更換:contains("+").topParent

她這樣的例子:

example with contains

example with class

+0

偉大的,它的工作,感謝所有 –

相關問題