javascript - 更改类以将其添加到链接

标签 javascript jquery html

我这里有这个小代码:

<script>
    $(function() {
        $('.insert_usrdata_name').text($('.client-profile td:contains("Name:")').next().text());
        $('.insert_usrdata_email').text($('.client-profile td:contains("E-mail:")').next().text());
        $('.insert_usrdata_regdate').text($('.client-profile td:contains("Registration:")').next().text());
        $('.insert_usrdata_logindate').text($('.client-profile td:contains("Last Login Time:")').next().text());
        $('.insert_usrdata_loginIP').text($('.client-profile td:contains("Last Login From:")').next().text());
        $('.insert_webdata_domain').text($('.account-information td:contains("Domain:")').next().text());
        $('.insert_webdata_status').text($('.account-information td:contains("Status:")').next().text());
        $('.insert_diskusg_percentage').text($('.account-information td:contains("Disk Usage:")').next().text());
        $('.insert_diskusg_numbers').text($('.account-information td:contains("Disk Usage:")').next().text());
        $('.insert_bandwidthusg_numbers').text($('.account-information td:contains("Bandwidth:")').next().text());
        $('.insert_srvdata_url').text($('.account-information td:contains("Server Name:")').next().text());
        $('.insert_srvdata_srvload').text($('.account-information td:contains("Web Server Load:")').next().text());
        $('.insert_srvdata_dbload').text($('.account-information td:contains("MySQL Server Load:")').next().text());
        $('.progress.xs .diskusgbar').css('width', $('#diskUsageProgressBar .green-bar').css('width'));
        $('.progress.xs .bandusgbar').css('width', $('#BandwidthProgressBar .green-bar').css('width'));
    });
</script>

当我使用<span class='insert_webdata_domain'>N/A</span>时如果 URL 可用,它会加载网站 URL...但我想让它与链接一起使用,例如 <a href="insert_webdata_domain"> Load site </a> 。如何实现这一目标?

最佳答案

更换线路:

$('.insert_webdata_domain').text($('.account-information td:contains("Domain:")').next().text());

至:

$('.insert_webdata_domain').text('<a href="' + $('.account-information td:contains("Domain:")').next().text() + '">' + $('.account-information td:contains("Domain:")').next().text() + ' </a>');

更新

根据您的评论,如果您想保持跨度并且还想添加链接,则:

$('.insert_webdata_domain')
.text($('.account-information td:contains("Domain:")').next().text())
.append('<a href="' + $('.account-information td:contains("Domain:")').next().text() + '">' + $('.account-information td:contains("Domain:")').next().text() + ' </a>');

关于javascript - 更改类以将其添加到链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34544104/

相关文章:

javascript - 如何在reactjs中设置多个过滤器

html - JSF h :dataTable creates single empty cell when no records

javascript - 使用 "is not"规则进行浏览器检查

javascript - xml 添加属性转义 &

JQuery:如何替换某些字符之间的所有字符?

javascript - jQuery:更改div id,提供不同的点击功能

html - 垂直对齐: top on inline block divs

java - 从http服务器响应资源的正确方法

javascript - 在表单提交时维护 div 中的滚动位置 - Django

jquery - 如何无限期地轮换多个类(class)?