在 jquery 代码中写 <a href>

Posted 2023-03-05

【中文标题】在 jquery 代码中写 <a href>

【英文标题】：write <a href> in the jquery code

【发布时间】：2014-12-16 08:39:10

【问题描述】：

一个小问题。我在 jquery 作品中有一个数组。 这个数组塑造了用户的用户名，我应该在链接中使用这个用户名，总是在 jquery 函数中。有没有办法让我把它翻译成一个普通的href a function jquery？ 我需要的链接是：<a href:"URL/".id_user> Username </a>

这是jquery代码：

$(".apprezzamenti").click(function()
    
    var id = $(this).attr('id');

    $.get("http://localhost/laravel/public/index.php/apprezzamenti/"+id, 
    function(data)
     
        data_parsed = JSON.parse(data);

        for(var i=0; i<data_parsed.length; i++)
        
            $(".modal-body-apprezzamenti>p").append((data_parsed[i].username)).append('<br>');;     
         

        $(".chiudi-popup").click(function()
        
            $(".modal-body-apprezzamenti>p").html('');
        );

        $('#main').click(function() 
        
            $(".modal-body-apprezzamenti>p").html('');
        );        
    ); 
);

【参考方案1】：

目前您将用户名附加为文本节点，因此如果您想附加一个带有 href 的锚点，包括用户 ID 和用户名作为文本，您可以这样做：

$(".modal-body-apprezzamenti>p")
    .append(
        $('<a />',  text : data_parsed[i].username, href : 'URL/' + data_parsed[i].id_user )
    )
    .append($('<br />'));     

我还更改为附加一个 <br /> 对象，而不是原始 HTML（小幅改进）。

【参考方案2】：

可能是这样的

var user_id = 9; 
var user_name = "Boo";
var link =  $("<a href:"URL/" +  user_id "> " + user_name + " </a>")
$(".your_div").append(link)

只需将其包装在您的函数中并循环遍历您的数据