查找與jQuery

Question

我有下面的列表中最接近鏈接： -

<div id="main-links-bottom-hover"> 

     <div id="About" class="hovers"> 

      <div id="main-about-div"> 

       <li class="lnk1 about-lnk"><a href="contact.php">Contact</a></li> 
       <li class="lnk2 about-lnk"><a href="technology.php">Technology</a></li> 
       <li class="lnk3 about-lnk"><a href="environment.php">Environment</a></li> 
       <li class="lnk4 about-lnk"><a href="terms.php">T&amp;C's</a></li> 
       <li class="lnk5 about-lnk"><a href="pricing.php">Pricing Policy</a></li> 

      </div> 

     </div> 

    </div> 

對於每個<li>我想設置裏打開最接近<a href>。

我曾嘗試： -

$('li').each(function(){ 
     var linkitem = $('.lnk1 a', this).attr('href'); 
     $('a.lnk1', this).attr('href' , linkitem) 
    }); 

但是，這似乎並沒有工作，有什麼建議？

增加的CSS： -

#main-about-div { 
    position:absolute; 
    top:5px; 
    left:5px; 
} 

.lnk1, .lnk2, .lnk3, .lnk4, .lnk5, .lnk6 { 
    list-style-type: none; 
    font-size:13px; 
    margin-bottom:5px; 
    margin-top:-5px; 
    width:140px; 
    height:30px; 
    margin-left:-5px; 
    cursor:pointer; 
    border-bottom:1px dotted #1f5779; 
} 

.lnk1 a { 
    position:absolute; 
    top:-2px; 
    left:5px; 
    color:#FFF; 
} 

.lnk2 a { 
    position:absolute; 
    top:30px; 
    left:5px; 
    color:#FFF; 
} 

.lnk3 a { 
    position:absolute; 
    top:61px; 
    left:5px; 
    color:#FFF; 
} 

.lnk4 a { 
    position:absolute; 
    top:92px; 
    left:5px; 
    color:#FFF; 
} 

.lnk5 a { 
    position:absolute; 
    top:124px; 
    left:5px; 
    color:#FFF; 
} 

.lnk6 a { 
    position:absolute; 
    top:156px; 
    left:5px; 
    color:#FFF; 
} 

Answer 1

這樣做：

#main-about-div a { 
    display: block 
} 

由於您的LI元素只包含一個A元素的每個，如果您創建了A元素塊級別，他們應該佔據其父LI元素的整個空間，然後單擊LI元素將自動意味着相應的A元素也會被點擊。

---

更新：看到您的CSS代碼後。

#main-about-div li { 
    list-style-type: none; 
    font-size:13px; 
    border-bottom:1px dotted #1f5779; 
} 
#main-about-div a { 
    display: block; 
    width: 140px; 
    height: 30px; 
    background: pink; 
} 

現場演示：http://jsfiddle.net/simevidas/reSE8/（使用normalized CSS）

通知的A元素現在是如何塊和尺寸，而不是對他們設置的LI元素。

Answer 2

這可以幫助！ 。

$（ '禮'），每個（函數（）{

p = $(this).find('a'); 
    $(p).attr('href','Not sure what you are trying to do but your custom href goes here'); 

});