1. घर
  2. सवाल और जवाब
  3. jquery ऑब्जेक्ट से dom element को कैसे हटाएं

jquery ऑब्जेक्ट से dom element को कैसे हटाएं

2011-07-14 8 views
9

मैं अपनी ऑब्जेक्ट से एक विशेष श्रेणी को हटाना चाहता हूं क्योंकि सामग्री को प्रदर्शित करने से पहले उस डोम डेटा को हटाना मेरी आवश्यकता है। मैंने एक नमूना कोड लिखा है लेकिन यह नहीं मिल पा रहा है कि वह क्यों काम नहीं कर रहा है। मैं jquery का निकालना भी काम नहीं कर रहा है। कृपया इसे हल करने में मेरी मदद करें। अग्रिम धन्यवादjquery ऑब्जेक्ट से dom element को कैसे हटाएं

<html> 
<head> 
<title>test</title> 
<script type="text/javascript" src="jquery-1.5.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 

    // complete html 
    var test; 
    test = $('#issue_detail_first_row').html(); 

    var x = $(test).find('#issue_detail_nav').not('.p1'); 

    $('#sett').html(x); 
}); 

</script> 
</head> 
<body> 
<div id="issueDetailContainer"> 
     <div id="issue_detail_first_row"> 
      <div> 
       <div id="issue_detail_nav"> 
        <div>test</div> 
        <div id="gett"> 
         <div class="p1"> 
          this content need to be deleted 1 
         </div> 
        </div> 

        <div class="p1"> 
         this content need to be deleted 2 
        </div> 

       </div> 
      </div>     
     </div> 
     <br/><br/><br/><br/> 
<div id="sett"> 
</div>

स्रोत

2011-07-14 Rahul

+2

आप कैसे $ .remove उपयोग कर रहे हैं()? – jrummell

उत्तर

15

आप सीधे डोम से सामग्री हटाने की जरूरत है।

$("#issue_detail_first_row .p1").remove();

कि .p1 तत्वों का चयन और उन्हें डोम से निकाल देंगे

स्रोत

2011-07-14 15:19:31

7

यह है कि आप की कोशिश कर रहे नकल एक वर्ग है, लेकिन .p1 तत्वों के बिना लगता है।

आप जो अनुभाग नहीं चाहते हैं उसे हटाने के लिए remove()[docs] विधि को क्लोन करने के लिए clone()[docs] विधि का उपयोग कर सकते हैं, और उसके बाद अपना HTML डालें।

$(document).ready(function() { 

    var test = $('#issue_detail_first_row').clone(); // clone it 

    test.find('.p1').remove(); // find and remove the class p1 elements 

    $('#sett').html(test.html()); // insert the new content 
});

कार्य उदाहरण:http://jsfiddle.net/YDZ9U/1/

केवल बात यह है कि आप, ताकि वे पृष्ठ पर डुप्लिकेट नहीं कर रहे हैं क्लोन में के माध्यम से जाना और आईडी को अपडेट करना होगा है।

स्रोत

2011-07-14 15:21:30 user113716

9

आप जावास्क्रिप्ट ऑब्जेक्ट पर निकालें फ़ंक्शन का उपयोग कर सकते हैं।

यदि आप प्रदर्शित करने से पहले इसे प्रीप्रोसेस करना चाहते हैं।

उदाहरण

var a =$("#issue_detail_first_row").html(); 
var jhtml =$(a)[0]; 
$(jhtml).find('.p1').remove(); 
alert($(jhtml).html());

अब jhtml का उपयोग करें। डेमो

http://jsfiddle.net/WXPab/14/

स्रोत

2011-07-15 05:29:36

संबंधित मुद्दे

 संबंधित मुद्दे