Javascript 选择内部带有跨距的导航列表项

我正在使用

它工作得很好，但是我有一个菜单，在列表项中有一个描述范围。我的菜单项是这样的

selectnav将列表项返回为

章节heredDescription here

，但我想删除该描述范围。如何去掉该描述，使selectnav只返回此处的

章节

希望这是有道理的

谢谢。：）

使用html进行全面测试。

试试这个

$(document).ready(function() {
    $('ul li').each(function(){
        $(this).find('span').remove();
    });
});

---

嗨，卡特，谢谢你的回答，不幸的是这对我不起作用。第二件事是，我将从wordpress中加载带有跨距的菜单项，因此需要自动删除跨距，而不要求jquery查找单个链接。：）。我还必须只去掉selectnav中的跨距，而不是之前的跨距，因为它们需要在正常的菜单视图中可见。谢谢你的努力Carter，是的，这很有效，但selectnav给了我问题，当selectnav将列表项构建到select选项中时，有没有一种方法可以将这个“stuff”变量传递给selectnav？我认为您在尝试做什么会有一些混淆。您现在说您实际上不希望返回没有span的文本，而是希望删除span。如果是这种情况，那么只需使用普通选择器来跨越然后.remove（）Hi Carter，这将不起作用，因为selectnav在构建列表项时会删除span标记。因此，返回的select项没有任何span标记，只有其中的文本。当我将列表传递给selectnav时，我想删除由span标记包围的文本。不知何故，只有在将列表传递给selectnav时，我才必须删除span标记中的文本。我不能使用普通选择器，因为我需要在全尺寸模式下显示说明，当selectnav启动时，说明将被删除。这个想法是一个带有说明的主菜单，但当调整大小时，会像我上面所做的那样，更改为selectnav菜单，而不在span标记中显示desccopy文本，并将其附加到一个dom元素，该元素不会通过.data（）进行更改或者数据属性，例如数据条件文本，然后您可以在选择导航完成后，通过添加span标记，在大屏幕上显示全文。或者将两个版本的文本都存储在数据属性中，并根据情况相应地更改文本。他不希望删除跨距，他希望文本位于跨距之外和标记内部。我的代码将实现这一点。

$(document).ready(function() {
    $('ul li').each(function(){
        $(this).find('span').remove();
    });
});