javascript - 如何使用 Jquery 将变量 append 到存储为字符串的 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 );