在html（javascript代码内部）中插入javascript代码的最干净方法_Javascript_Jquery_Html

在html（javascript代码内部）中插入javascript代码的最干净方法

javascript jquery html

在html（javascript代码内部）中插入javascript代码的最干净方法,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试使用jquery构建一些HTML，然后将该HTML注入到页面上的某个div中。我想建立一个锚元素。href和我的锚元素的标签来自javascript变量。我试着这样做： $(function(){ var href = 'http://testing123.com'; var label = 'Anchor label'; var anchor_element = '<a href="' + href + '">' + label + '</a

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

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

$（函数（）{
var href=http://testing123.com';
变量标签='锚标签'；
var anchor_元素=“”；
});

但这不起作用。你知道如何在javascript/jquery中正确构造锚元素吗？

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

$（函数（）{
var href=http://testing123.com';
变量标签='锚标签'；
var anchor_元素=“”；
$（'body'）.append（锚定元素）；//将元素添加到
});

您所编写的任何内容都可以正常工作，但您忘记将其附加到目标

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

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

var href='fonthttp://testing123.com';
变量标签='锚标签'；
var anchor_元素=“”；
$（'#target'）。追加（anchor_元素）；

您可以执行以下操作：

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

var href='fonthttp://testing123.com';
变量标签='锚标签'；
//创建动态锚元素并设置href和标签
var$anchor\u element=$（'
使用jquery语法：
$('<a/>', {
    href: 'http://testing123.com',
    text: 'Anchor label'
}).appendTo('body');

$（“”{
href:'http://testing123.com',
文本：“锚定标签”
}).附于（“主体”）；
那之后你在做什么？我是说在某个地方添加HTML？这有什么不起作用？我觉得很好。这有什么不起作用？我觉得这似乎是正确的。锚定元素
只是一个字符串。如果你想在文档中的某个地方插入它，你需要使用一个适当的函数（例如，在dom树中选择另一个元素并将其作为子元素附加）。这种类型的语法使用得不够好。+1