Question

我正在尝试使用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中正确构建我的锚元素。

Answer 1

您必须将结果附加到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>
});

working jsFiddle

Answer 2

使用jquery语法：

$('<a/>', {
    href: 'http://testing123.com',
    text: 'Anchor label'
}).appendTo('body');

Answer 3

你可以这样做：

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);

FIDDLE DEMO

Answer 4

你所写的一切都很好，但你忘了将它追加到目标身上。

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

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

Working Fiddle

最简洁的方法在html中插入javascript代码（在javascript代码中）

4 个答案: