【问题标题】:how to change hash links javascript如何更改哈希链接javascript
【发布时间】:2020-05-18 17:08:48
【问题描述】:

我有两个社交媒体链接 fb 和 insta.. 如何提供单独的哈希链接以及如何更改文本颜色示例 fb 蓝色,insta 颜色黄色 -- JavaScript

let t_p_data = [{ s_media: 'Facebook',},
    {s_media: 'Instagram',},];
let paymentsData = $('.payments-data');
paymentsList = paymentsData.innerHTML;

for (let p_data of t_p_data) {
    paymentsList += `<tr><td><a href="">${p_data.s_media}</a></td></tr>`
} paymentsData.append(paymentsList);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table><tbody class="payments-data"></tbody></table>

【问题讨论】:

  • 您需要处理您的对象数组 (t_p_data) 以包含您需要的值(href 和颜色),然后您可以在循环中使用它们。

标签: javascript html jquery reactjs


【解决方案1】:

如果你想在循环中设置哈希链接和文本颜色,那么你必须在 t_p_data 中给出它们:

let t_p_data = [{ s_media: 'Facebook', link: 'fb.com', style: {color: '#00f'}},
{s_media: 'Instagram', link: 'insta.com', style: {color: '#ff0'}}];

然后在循环中添加信息:

for (let p_data of t_p_data) {
    paymentsList += `<tr><td><a href=${p_data.link} style=${p_data.style}>${p_data.s_media}</a></td></tr>`
} paymentsData.append(paymentsList);

【讨论】:

    猜你喜欢
    • 2019-12-11
    • 1970-01-01
    • 2012-05-27
    • 1970-01-01
    • 2014-04-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多