"在<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.