如何使用 Jquery 将变量附加到存储为字符串的 HTML 元素

how to append a variable to an HTML element stored as string using Jquery?

本文关键字：存储 字符串 元素 HTML Jquery 何使用 变量      更新时间：2023-09-26

>我有一个空的控制组，我想用按钮填充它。无法让它工作。

这是控制组：

var $wrap = '<div class="wrap"><div data-role="controlgroup"></div></div>';

这是按钮：

var $btn = '<a href="#some" data-role="button">Click</a>'

我想做这样的事情：

$wrap.append( $btn );

但它不起作用。

有人可以告诉我我做错了什么吗？我认为$wrap只是一个字符串，所以我不能调用附加。如果是这样，我该如何正确执行此操作？

感谢您的帮助！

var $wrap = $('<div class="wrap"><div data-role="controlgroup"></div></div>');
var $btn = $('<a href="#some" data-role="button">Click</a>');
$wrap.append( $btn );

大概有五十种方法可以做到这一点，比如： 

var $wrap = $('<div class="wrap"><div data-role="controlgroup"></div></div>'),
    $btn = '<a href="#some" data-role="button">Click</a>';
$wrap.children().append( $btn );

或：

var $wrap = $('<div class="wrap"><div data-role="controlgroup"></div></div>'),
    $btn = '<a href="#some" data-role="button">Click</a>';
$('[data-role="controlgroup"]', $wrap).append( $btn );

你只需要字符串，你需要一个jquery对象来调用append：

var $wrap = $('<div class="wrap"><div data-role="controlgroup"></div></div>');

首先，这些是字符串。您需要使用 $ 将它们转换为 jQuery 对象。

var $wrap = $('<div class="wrap"><div data-role="controlgroup"></div></div>');
var $btn = $('<a href="#some" data-role="button">Click</a>');

现在要将$btn附加到 $wrap 中，您可以找到内部div（这是您要附加元素的位置）并使用 .append ：

$wrap.find("div").append($btn);

现场示例

>我认为$wrap只是一个字符串，所以我不能调用附加。

是的。

你可以试试： 

var $wrap = $('<div class="wrap"><div data-role="controlgroup"></div></div>');
var $btn = '<a href="#some" data-role="button">Click</a>';
$wrap.append( $btn );
相关文章：