-1

我正在尝试使用 jquery 构建一些 HTML，然后将该 html 注入我页面上的某个 div 中。我想构建一个锚元素。我的锚元素的 href 和标签来自 javascript 变量。我正在尝试这样做：

$(function(){
    var href = 'http://testing123.com';
    var label = 'Anchor label';
    var anchor_element = '<a href="' + href + '">' + label + '</a>';
});

但这不起作用。请知道如何在 javascript/jquery 中正确构造我的锚元素。

4

4 回答 4

3

您必须将结果附加到 DOM。在最后添加这一行。

$('body').append(anchor_element);

您当然可以根据需要将“body”替换为任何其他选择器。

$(function(){
    var href = 'http://testing123.com';
    var label = 'Anchor label';
    var anchor_element = '<a href="' + href + '">' + label + '</a>';
    $('body').append(anchor_element); // add the element to <body>
});

工作的jsFiddle

于 2013-07-01T13:52:38.053 回答
3

使用 jquery 语法：

$('<a/>', {
    href: 'http://testing123.com',
    text: 'Anchor label'
}).appendTo('body');
于 2013-07-01T13:56:05.157 回答
1

你可以这样做：

var href = 'http://testing123.com';
var label = 'Anchor label';

// Create a dynamic anchor element and set the href and label
var $anchor_element = $('<a/>', {
    href: href,
    text: label
});

// Append the newly created element to DOM,
// here we are appending it to the body
$('body').append($anchor_element);

小提琴演示

于 2013-07-01T13:55:18.597 回答
0

你所写的一切都很好，但是你忘了把它附加到目标上。

var href = 'http://testing123.com';
var label = 'Anchor label';

var anchor_element = '<a href="' + href + '">' + label + '</a>';
$('#target').append(anchor_element);

工作小提琴

于 2013-07-01T13:54:11.860 回答