2011-07-14 13 views
9

Quiero eliminar una clase particular de mi objeto ya que mi requisito es eliminar esa información dom antes de mostrar el contenido. He escrito un código de muestra pero no puedo entender por qué eso no funciona. La eliminación de jquery tampoco está funcionando. Por favor, ayúdame a resolverlo. Gracias de antemanoCómo eliminar el elemento dom del objeto jquery

<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> 

+2

¿Cómo estás usando .Remove $()? – jrummell

Respuesta

15

Es necesario eliminar el contenido de la DOM directamente.

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

que seleccionará a los .p1 elementos y sacarlos de la DOM

7

Parece que usted está tratando de duplicar una sección, pero sin los elementos .p1.

Puede usar el método clone()[docs] para clonar la sección, el método remove()[docs] para eliminar lo que no desea, y luego insertar su código 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 
}); 

Ejemplo de trabajo:http://jsfiddle.net/YDZ9U/1/

Lo único es que tendrá que ir a través y actualizar los ID en el clon, por lo que no están duplicados en la página.

9

puede usar la función quitar en el objeto javascript.

Si desea preprocesarlo antes de mostrar.

ejemplo

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

ahora usan JHTML. demostración

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

Cuestiones relacionadas