Javascript 在附加到DOM之前操作html

$（文档）.ready（函数（）{
变量x=‘一’；
log（$（x）.find（'#container'）.get（0））；
});
尝试以下操作：

$(x).find(".target").remove();

请尝试以下操作：

$(x).find(".target").remove();

你可以试试这个

$（x）.find（“span.target”）
 你可以试试这个

$（x）.find（“span.target”）
 如果
类
与
目标
匹配，是否要删除整个元素？
试试这个：

$(document).ready(function(){
    var x = $('<div><span></span><div id="container"><span>one</span><span class="target"></span></div></div>');
    x.find('.target').get(0).remove();
    console.log(x.html());
});

更新


编辑2

如果存在多个
.target
，请举例说明以下字符串：

one

可以考虑删除<代码> GET（0）< /代码> ./P>
$（文档）.ready（函数（）{
变量x=$（‘一’）；
x、 查找（'.target'）.remove（）；
x=x.wrap（“”）.parent（）.html（）；
控制台日志（x）；
});

再次更新。如果
类
与
目标
匹配，是否要删除整个元素？
试试这个：

$(document).ready(function(){
    var x = $('<div><span></span><div id="container"><span>one</span><span class="target"></span></div></div>');
    x.find('.target').get(0).remove();
    console.log(x.html());
});

更新


编辑2

如果存在多个
.target
，请举例说明以下字符串：

one

可以考虑删除<代码> GET（0）< /代码> ./P>
$（文档）.ready（函数（）{
变量x=$（‘一’）；
x、 查找（'.target'）.remove（）；
x=x.wrap（“”）.parent（）.html（）；
控制台日志（x）；
});

再次更新。请参见下文

仅供参考--目标类的元素内部没有跨度。。。所以这样做。目标跨度有点没有意义

var x = '<div><span></span><div id="container"><span>one</span><span class="target"></span></div></div>';

var elem = $(x).find("#container").parent();
elem.find('.target').remove();

var x='one'；
var elem=$（x）.find（#container”）.parent（）；
元素find（'.target'）.remove（）；
见下文

仅供参考--目标类的元素内部没有跨度。。。所以这样做。目标跨度有点没有意义

var x = '<div><span></span><div id="container"><span>one</span><span class="target"></span></div></div>';

var elem = $(x).find("#container").parent();
elem.find('.target').remove();

var x='one'；
var elem=$（x）.find（#container”）.parent（）；
元素find（'.target'）.remove（）；
试试：

var x='one'；
var elem=$（x）.find（#container”）.parent（）；
元素find（'.target'）.remove（）；
var div=$（''）.append（elem.html（）；
控制台日志（div）；

试试：

var x='one'；
var elem=$（x）.find（#container”）.parent（）；
元素find（'.target'）.remove（）；
var div=$（''）.append（elem.html（）；
控制台日志（div）；

这应该可以：

 $(document).ready(function() {
  var x = '<div><span></span><div id="container"><span>one</span><span id="target">ssss</span></div></div>';
  var y = $(x).find("#target").remove().text();
  //$(x).find(".target").remove();

    $('#new').append( "<p>Test</p>" + y);
});

$（文档）.ready（函数（）{
var x='onessss'；
变量y=$（x）.find（#target”）.remove（）.text（）；
//$（x）.find（“.target”）.remove（）；
$（'#new'）。追加（“Test
”+y）；
});
这应该可以：

 $(document).ready(function() {
  var x = '<div><span></span><div id="container"><span>one</span><span id="target">ssss</span></div></div>';
  var y = $(x).find("#target").remove().text();
  //$(x).find(".target").remove();

    $('#new').append( "<p>Test</p>" + y);
});

$（文档）.ready（函数（）{
var x='onessss'；
变量y=$（x）.find（#target”）.remove（）.text（）；
//$（x）.find（“.target”）.remove（）；
$（'#new'）。追加（“Test
”+y）；
});
创建html后，不需要删除元素。只需创建那些您想要附加的html。它们不需要在创建html后删除元素。只需创建要附加的html。在这种情况下，为什么需要parent（）呢？不需要，但是。。。。试图不了解你是如何开始的。。。由于您指定的选择器不存在，因此我认为它可能会有所帮助。。。至少这样你的根。您可以在第一个div上使用选择器。在这种情况下为什么需要parent（）呢？您不需要，但是。。。。试图不了解你是如何开始的。。。由于您指定的选择器不存在，因此我认为它可能会有所帮助。。。至少这样你的根。您可以在第一个div上完成选择器。如果我有多个目标类怎么办？get（0）不起作用。@Jennifer用示例更新了小提琴，请看一看！在此上下文中删除
get（0）
将删除带有
.target
的所有元素。如果我有多个目标类，该怎么办？get（0）不起作用。@Jennifer用示例更新了小提琴，请看一看！在此上下文中删除
get（0）
将删除带有
.target
的所有元素。