如何使用JQuery选择整个<li>标签并使其成为链接？

我正在尝试创建一个新闻列表摘要部分,

并希望使整个
• 可点击.我想使用首先链接它在
• URL中查找,以便在未启用JavaScript时仍可访问...我的HTML是: -

              
  Regional news
              
  
                  
  
                      
  Fusce porta varius eros
                      
  22 Feb 2009
                      
  Donec bibendum, mauris at vulputate vestibulum, nulla odio eleifend sem, in adipiscing orci neque sit amet ipsum.
                  
                  
  
                      
  Praesent turpis tellus, sagittis eu, molestie ac, posuere id, quam
                      
  18 Feb 2009
                      
  Aliquam mollis. Aliquam erat volutpat. Nulla ultricies ullamcorper magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit rhoncus dui.
                  
                  
  
                      
  Vivamus libero est, pulvinar vitae, dignissim ut, mollis non, tellus
                      
  24 Feb 2009
                      
  Morbi quis felis. Nunc hendrerit nibh porttitor leo. Aenean ut ipsum sit amet est feugiat bibendum. Vivamus adipiscing purus sed ipsum.
                  
                                       
              
      
              
  View more regional news
  

  所以基本上当用户将鼠标悬停在整个面板上时,整体上

• 只有翻转而不仅仅是

  标签......而是使用

  标签中包含的URL 作为链接......

  我希望我理智地解释......我觉得我在那里迷茫:)

  干杯

  亚当

  
  
  1> Konstantin T..：

  ---

  // when the page is loaded..
  $(function() {
      // make the cursor over 
   element to be a pointer instead of default
      $('li.clickable').css('cursor', 'pointer')
      // iterate through all 
   elements with CSS class = "clickable"
      // and bind onclick event to each of them
      .click(function() {
          // when user clicks this 
   element, redirect it to the page
          // to where the fist child  element points
          window.location = $('a', this).attr('href');
          return false;
      });
  });
  

  顺便说一句,您只能使用HTML/CSS实现相同的功能(不使用JavaScript).但这是另一个问题.