Jquery 如何从最后一个列表项中删除边框并选择：n个子项（多个项）

如何选择第三个链接以删除右边框？前三个是文本链接，我想从最后一个文本链接中删除右边框。最后两个是按钮。我也不想要按钮之间或按钮末端的边框。我真不敢相信我在这件事上遇到了多大的麻烦。这可能是一个简单的解决方案，但我要花很长时间才能为浏览器找到它。谢谢

Javascript

<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script language="javascript">
        $(document).ready(function() {
        $("ul.subnavigation li:nth-child(3)").addClass("last-child");
    });
        </script>

这也应该有效

$("ul.subnavigation li:gt(1)").addClass("last-child");

.last-child 
{
   border-right:0px !important;
}

根据您的风格添加此选项，它应该可以正常工作

$("ul.subnavigation li:gt(1)").addClass("last-child");

.last-child 
{
   border-right:0px !important;
}

设置！重要信息将覆盖默认样式

这也应该有效

$("ul.subnavigation li:gt(1)").addClass("last-child");

.last-child 
{
   border-right:0px !important;
}

根据您的风格添加此选项，它应该可以正常工作

$("ul.subnavigation li:gt(1)").addClass("last-child");

.last-child 
{
   border-right:0px !important;
}

设置！重要信息将覆盖默认样式

---

将css更改为更具体

li.last-child {border-right:0px;}

然后，您可以使用jQuery获取索引2>的

li

元素以删除右边框

$(document).ready(function() {
   $("ul.subnavigation li").slice(2).addClass("last-child");
});​

---

将css更改为更具体

li.last-child {border-right:0px;}

然后，您可以使用jQuery获取索引2>的

li

元素以删除右边框

$(document).ready(function() {
   $("ul.subnavigation li").slice(2).addClass("last-child");
});​

---

您不需要jQuery。这里是简单的CSS-

---

更新

上述代码在较旧的IE-s中不起作用-

要使其向后兼容，您仍然必须使用jQuery-

---

您不需要jQuery。这里是简单的CSS-

---

更新

上述代码在较旧的IE-s中不起作用-

要使其向后兼容，您仍然必须使用jQuery-

---

您想从

How to/Faq's

？是以及注册按钮后删除边框图像

n子项

选择器仅为CSS3，因此如果您不在CSS3浏览器中，您将遇到问题。但是，您可以使用jQuery向这些元素添加一个“无边界”类，并提供一个css声明

.borderless{border right:none；}

这不是我在上面的javascript代码片段中所做的吗？

$（“ul.subnavigation li:nth child（3）”）.addClass（“last child”）

这是正确的，但是，您只选择了一个元素，而您需要多个元素，请在选择器中使用逗号分隔的列表<多个元素上的code>last child将变得混乱，特别是如果这个项目被其他开发人员掌握，这就是为什么我建议我这么做的原因，它应该类似于

$（'ul.subnavigation li:nth child（2），ul.subnavigation li:nth child（3）'）。addClass（'borderless'）

您想从

如何/Faq's

中删除边框吗？是的，以及注册按钮后的图像

第n个子项

选择器仅为CSS3，因此如果您不在CSS3浏览器中，您将遇到问题。但是，您可以使用jQuery向这些元素添加一个“无边界”类，并提供一个css声明

.borderless{border right:none；}

这不是我在上面的javascript代码片段中所做的吗？

$（“ul.subnavigation li:nth child（3）”）.addClass（“last child”）

这是正确的，但是，您只选择了一个元素，而您需要多个元素，请在选择器中使用逗号分隔的列表<多个元素上的code>last child将变得混乱，特别是如果这个项目被其他开发人员掌握，这就是为什么我建议我这么做的原因，它应该类似于

$（'ul.subnavigation li:nth child（2），ul.subnavigation li:nth child（3）'）。addClass（'borderless'）

CSS3 only，对吗？第n个孩子不像jQuery那样具有本机向后支持兼容性，对吧？@Zoltan Toth你知道吗，想想看；由于性能方面的原因，使用

.eq

比

:n子级
或
:eq
更好。我不是100%，但我不认为
：
选择器可以利用
querySelectorAll（）
如果我错了，请纠正我，不管怎样，向上投票。@Ohgodwhy实际上是最快的，因为它只找到父对象并通过其子对象循环，而不是在页面上查找所有
元素并检查它们是否是
.subnavigation
的子元素，对吗？第n个孩子不像jQuery那样具有本机向后支持兼容性，对吧？@Zoltan Toth你知道吗，想想看；由于性能方面的原因，使用
.eq
比
:n子级
或
:eq
更好。我不是100%，但我不认为
：
选择器可以利用
querySelectorAll（）
如果我错了，请纠正我，不管怎样，向上投票。@Ohgodwhy实际上是最快的，因为它只找到父对象并通过其子对象循环，与其在页面上查找所有
元素并检查它们是否是
.subnavigation
的子元素，还不如只从第三个链接“how to/faqs”中删除边框。请尝试此选择器$（“ul.subnavigation li:gt（1）”。addClass（“last child”）；谢谢，唯一一件事是它不会从第三个链接“如何/常见问题解答”中删除边界。请尝试此选择器$（“ul.subnavigation li:gt（1）”）.addClass（“最后一个孩子”）；