查找最近的<；a>；与jQuery的链接

我有以下清单：-

    <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>

但这似乎不起作用，有什么建议吗

添加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;
}

这可能会有帮助

$（'li'）。每个（函数（）{

这样做：

#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;
}

现场演示：（使用）

---

请注意，A元素现在是块，尺寸是在它们上设置的，而不是在LI元素上设置的。

我恐怕不清楚你想做什么，你说的最接近是什么意思？嵌套的？你是说当你点击LI时，你想让它打开最近的href@leetylor我和你一样理解它，当然不是吗从本质上讲，如果你点击第一个li（.lnk1），我想要它它将查看最近的a href，并打开contact.php，每个li项都是相同的，这比使用javascript hack要好得多。@sgroves除非li不仅包含一个锚点tag@roasted当然。如果它们包含的不是

a

标记，OP就没有理由这么做。没有理由使用javascrip你怎么知道？如果LI也包含标签呢？这可能是一个很好的理由，不是吗？没有“如果”。OP提供了HTML。

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

#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;
}