Question

按下下面代码上的按钮后，我希望不要“问好”。那么..如何从span变量中删除foo元素并将其附加到body？

$('button').on('click', function() {
  var foo = '<div><span>hello</span></div>';
  $(foo).find('span').remove();
  $('body').append($(foo));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>click here</button>

Answer 1

您正在尝试从文本中删除元素。通过使用'<div><span>hello</span></div>'包装字符串$()，将其转换为jQuery对象，如下所示：

$('button').on('click', function() {
  var foo = $('<div>-<span>hello</span>-</div>');
  $(foo).find('span').remove();
  $('body').append($(foo));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>click here</button>

我添加了连字符，以便您可以看到<span>被删除，但元素仍在添加。

Answer 2

将executor.awaitTermination(timeout, tunit);包裹在'<div><span>hello</span>world</div>'内，使其成为jQuery对象。这就是你所需要的一切！

我在$()中添加了字符world，因此您知道点击按钮后<div>被删除了。

<span>

$('button').on('click', function() {
  var foo = $('<div><span>hello</span>world</div>');
  $(foo).find('span').remove();
  $('body').append($(foo));
});

jQuery：在开头删除一个字符串元素

2 个答案: