在追加到DOM之前操纵html

时间:2015-12-10 07:45:45

标签: javascript jquery

Dim pdfFile As String = TextBox1.Text 
Dim PDFrdr As New PdfReader(pdfFile) 
Dim PDFfld As Object 
For Each PDFfld In PDFrdr.AcroFields.Fields 
 If TextBox3.Text = "" Then 
  TextBox3.Text = PDFfld.key.ToString() 
 Else 
  TextBox3.Text = TextBox3.Text & Environment.NewLine & PDFfld.key.ToString() 
 End If 
Next
$(document).ready(function(){
  var x = '<div><span></span><div id="container"><span>one</span><span class="target"></span></div></div>';
  console.log($(x).find('#container').get(0));
});

我能够获取容器块但是如何删除<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

6 个答案:

答案 0 :(得分:3)

如果class.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());
});

这是fiddle

修改

x.html()剥离根元素(即<div></div>)时,如果您想获取完整的HTML字符串,这里就是解决方案。

$(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();
    x = x.wrap('<div>').parent().html();
    console.log(x);
});

更新了fiddle

修改2

如果有多个.target,例如以下字符串:

<div><span></span><div id="container"><span>one</span><span class="target"></span><span class="target"></span><i class="target"></i></div></div>

您可以考虑删除get(0)

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

再次更新了fiddle

答案 1 :(得分:0)

尝试以下方法:

theta

答案 2 :(得分:0)

你可以试试这个

$(x)的.find(&#34; span.target&#34);

答案 3 :(得分:0)

见下文。

仅供参考 - 目标类中的元素内没有跨度...所以做“.target span&#39;有点没意义

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

答案 4 :(得分:0)

尝试:

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 div = $('<div>').append(elem).html();
console.log(div);

http://jsfiddle.net/8dh3bze7/

答案 5 :(得分:0)

这应该有效:

 $(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);
});