2010-01-01 20 views
40

Estoy tratando de obtener un div que tenga "panel de corriente" como nombre de clase. El problema es el espacio, ¿cómo puedo seleccionarlo?jQuery: selector (nombre de clase con espacio)

+1

http://docs.jquery.com/Selectors/class#classclass debería haber resuelto esto para usted. –

Respuesta

100

Los nombres de clase no pueden contener espacios. Lo que tiene allí son dos clases:

<div class="panel current"> 

Este div tiene dos clases: panel y actual. Eso se pueden seleccionar fácilmente:

$("div.panel.current")... 

que significa seleccionar todos los divs que tienen panel de clase y actual clase.

3

El div tiene dos nombres: class

  • panel
  • current

Puede utilizar $("div.panel") o $("div.current") para seleccionarlo.

5

panel current no es un nombre de clase, en realidad se trata de dos nombres de clase. Se podría utilizar el siguiente selector:

$('.panel.current') 
11
$('div').filter(function() { 
    return this.className == 'panel current'; 
}); 

O

$("div[class='panel current']"); 

Usar esta opción si necesita para que coincida con un elemento con una coincidencia exacta de los nombres de las clases (incluyendo espacios)

El otros carteles son correctos, el DiV que publicó tiene dos nombres de clase: 'panel' y 'actual'; Si desea seleccionar ambas, use $('.panel.current').

Esto también incluirá elementos como:

<div class="foo panel bar current"></div> 
Cuestiones relacionadas