"在<a>标签<\/a>旁边添加动态图标"
[英]Add dynamic icon beside <a> tag
问题描述
我正在尝试这个例子。
我正在尝试在“显示更多”旁边添加向下箭头，在“显示更少”旁边添加向上箭头（请参阅下图）。
我正在尝试使用以下代码示例，但仍然没有运气。
$('#nav li').each(function(i) {
$(this).append('<i class="fa' + ' ' + iconsArray[i] + '"></i>')})
如何在给定示例中在标签旁边添加图标？
2 个解决方案
解决方案1
0 2022-02-07 00:01:13
您可以尝试这样的事情，并根据您的需要相应地修改代码。
解决方案2
0 2022-02-07 06:14:02
我已经设法通过在 HTML 和 JS 中实现几行来解决这个问题。
HTML<\/strong>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>jQuery Read More/Less Toggle Example</title>
</head>
<body>...
</body>
</html>
如何在图例中的所有系列旁边添加图标
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.