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

我正在尝试使用< ul>创建新闻列表摘要部分.并希望整个< li>点击.我想先使用< li>中的链接找到它.作为URL,以便在未启用 JavaScript时仍可访问…我的HTML是： –

<h3>Regional news</h3>
            <ul>
                <li class="alt clickable">
                    <h4><a href="/dave.htm">Fusce porta varius eros</a></h4>
                    <h5>22 Feb 2009</h5>
                    <p>Donec bibendum,mauris at vulputate vestibulum,nulla odio eleifend sem,in adipiscing orci neque sit amet ipsum.</p>
                </li>
                <li class="clickable">
                    <h4><a href="/dave.htm">Praesent turpis tellus,sagittis eu,molestie ac,posuere id,quam</a></h4>
                    <h5>18 Feb 2009</h5>
                    <p>Aliquam mollis. Aliquam erat volutpat. Nulla ultricies ullamcorper magna. Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque hendrerit rhoncus dui.</p>
                </li>
                <li class="alt clickable">
                    <h4><a href="/dave.htm">Vivamus libero est,pulvinar vitae,dignissim ut,mollis non,tellus</a></h4>
                    <h5>24 Feb 2009</h5>
                    <p>Morbi quis felis. Nunc hendrerit nibh porttitor Leo. Aenean ut ipsum sit amet est feugiat bibendum. Vivamus adipiscing purus sed ipsum.</p>
                </li>                                     
            </ul>    
            <p class="moreregionalnews"><a href="#">View more regional news</a></p>

所以基本上当用户将鼠标悬停在整个面板上时,总体上存在翻转< li>不只是< h4> tag …但使用< h4>中包含的网址标记为链接…

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

干杯

亚当

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