如何使用 jQuery 将文本附加到 Foundation 菜单内的纯文本

【问题标题】：How to append text to plain text inside of Foundation menu with jQuery如何使用 jQuery 将文本附加到 Foundation 菜单内的纯文本
【发布时间】：2018-08-30 20:07:30
【问题描述】：

我试图进入我的基础菜单内部，并在某些菜单项有子菜单时附加一个跨度，但我不知道如何访问文本。有没有办法使用 jQuery 获取文本，以便我可以在其上附加图标？我想访问“产品”文本，但我不知道如何定位它。

【问题讨论】：

所以你想在链接上附加一个图标？或者作为文本的一部分，“产品”是文本？
我想附加图标文本。基本上只需要一个箭头（>），以便在打开菜单后我可以将其从向右箭头更改为向下箭头
请在问题中发布相关的 HTML，以及您自己解决问题的尝试。

标签： jquery zurb-foundation

【解决方案1】：

使用http://api.jquery.com/text/：

// I don't know what selector you should use, so don't copy this exactly.
var element = $('#my-element');
var text = element.text();
element.text(text + '>');

确保element 是带有文本的元素而不是其父元素，否则我认为您会丢失链接。

如果您有一个包含大量元素的 jquery 对象，并且您希望对所有元素都执行此操作，那么您可以使用 https://api.jquery.com/each/ 为每个元素运行上述代码，方法是设置 var element = $(this);。

【讨论】：