Javascript jQuery-单击子元素但单击高亮父元素？

我有如下html代码：

<ul>
    <li class="curent"><a href="home.html">Home</a></li>
    <li>
        <a href="javascript:void(0)">Products</a>
        <ul class="sub">
           <li><a href="samsung.html">Samsung</a></li>
           <li><a href="lenovo.html">Lenovo</a></li>
         </ul>
    </li>
    <li><a href="catalog_grid.html">News</a></li>
</ul>

有人能给我指一下正确的方向吗

谢谢你的帮助

p/S:看起来像是这个线程

试试这个：

$("ul a").click(function () {
    $(this).parent().parent().addClass("blue");
});

或

两种情况下的CSS：

.blue > a {
   color: blue;
}

类似的情况。

尝试以下方法：

$("ul a").click(function () {
    $(this).parent().parent().addClass("blue");
});

或

两种情况下的CSS：

.blue > a {
   color: blue;
}

---

类似的情况。

我不确定我是否完全理解您的措辞，但您想对所有LI标记（包括子列表中的标记）应用相同的效果吗

替换此项：

$('#block_nav_primary ul li').each(function() {

为此：

$('#block_nav_primary ul').find('li').each(function() {

---

我不确定我是否完全理解您的措辞，但您想对所有LI标记（包括子列表中的标记）应用相同的效果吗

替换此项：

$('#block_nav_primary ul li').each(function() {

为此：

$('#block_nav_primary ul').find('li').each(function() {

试一试

试一试

---

为什么不尝试将其设置为

A

标记占据整个

LI

标记的宽度，这样当您单击

A

标记时，它将突出显示整个内容。它的CSS代码类似于：

li a {display: block; width: 100%; padding: 10px 0; background-color: pink;}
li a:hover {background-color: orange;}

---

为什么不尝试将其设置为

A

标记占据整个

LI

标记的宽度，这样当您单击

A

标记时，它将突出显示整个内容。它的CSS代码类似于：

li a {display: block; width: 100%; padding: 10px 0; background-color: pink;}
li a:hover {background-color: orange;}

---

我同意你的观点，但是我认为il的父母是目标。。。我的意思是“li tag parent is hightlighted”是

li

标记，即

a

的父项或

li

？：）无论哪种方式，这段代码都几乎可以完成请求任务…这与您想要的类似：不完全相同，但非常接近…抱歉，前面的URL错误，但这正是您想要的：LastLevel继承蓝色，您需要为子元素指定颜色或使用更具选择性的css。类似这样的东西：我可以，但你也可以组合/增强我展示的示例来选择你想要的任何元素，你可以更改它们上的任何css属性：）我同意最接近，但是我认为il的父对象是目标。。。我的意思是“li tag parent is hightlighted”是

li

标记，即

a

的父项或

li

？：）无论哪种方式，这段代码都几乎可以完成请求任务…这与您想要的类似：不完全相同，但非常接近…抱歉，前面的URL错误，但这正是您想要的：LastLevel继承蓝色，您需要为子元素指定颜色或使用更具选择性的css。类似这样：我可以，但您也可以组合/增强我展示的示例，以选择您想要的任何元素，并可以更改它们上的任何css属性：）