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

Question

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

这是对照组：

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 只是一个字符串，所以我不能调用append。如果是这样，我该如何正确地做到这一点？

感谢帮助！

Answer 1

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

Answer 2

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

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

Answer 3

嗯，首先，这些是字符串。您需要使用$.

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

活生生的例子

Answer 4

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

是的。

你可以试试：

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