Duplicar posible:
Facing weird problem while adding and removing class.cómo encontrar un elemento html y luego eliminarlo?
Supongamos que tengo el código HTML siguiente -
<div class="div_portlet ui-widget ui-widget-content ui-corner-all defaultcontentbg portlet-width default_border default_border_color portlet_space">
<div class="div_header headertitle align_center defaultheadercolor portlet-header-left-padding default_bottom_border default_border_color">
<span class="ui-icon ui-icon-minusthick"></span>
Order Header Level Information</div>
<div id="ordrHdrLvnInfn" class="div_content portlet-width">
Lo que estoy tratando de hacer es, comprobar si vano con clase ui-icon ui-icon-minusthick
existe o no, si existe, quítelo y luego agréguelo. Probé en el seguimiento de camino, pero no está funcionando
función javascript ::
jQuery.fn.initPortlet = function(parent_component ,header , component){
this.find(header).find('span.ui-icon').remove();
this.addClass("ui-widget ui-widget-content ui-corner-all")
.find(header)
.addClass("headertitle")
.addClass("align_center")
.addClass("defaultheadercolor")
.end()
.prepend('<span class="ui-icon ui-icon-minusthick"></span>')
.find(component);
}
y yo estoy llamando esta función de esta manera ..
$('.div_portlet').initPortlet('.div_portlet','.div_header','.div_content')
En primer lugar, debe quitar el span entonces agrégalo, pero si estoy llamando a esta función varias veces, entonces sigue agregando ese lapso.
¿Cómo puedo hacer esto o hay alguna otra forma mejor de hacerlo? ¡Gracias!
una sugerencia: cambio '.addClass ("headerTitle") addClass ("align_center") addClass ("defaultheadercolor")' a sola línea 'addClass ("headerTitle defaultheadercolor align_center")' – diEcho
.. @ mplungjan, ¿podría explicarme? ¿Qué quieres decir? – Vivek
¿Tienes un violín? ¿Hay múltiples div_portlets en una página? –