2010-12-09 19 views

Respuesta

34
$("tagnamehere") 

Así:

$("div").each(function() { 
    // do something exciting with each div 
    $(this).css("border", "1px solid red"); 

    // do something by directly manipulating the wrapped DOM element 
    this.style.border = "1px solid red"; 

    // do something only if this particular div has a class of 'pretty' 
    if($(this).hasClass("pretty")) { 
     $(this).text("I am the pretty one"); 
    } 
}); 

o simplemente:

// apply some css to all div elements 
$("div").css("border", "1px solid red"); 

Tenga en cuenta que cuando se utiliza jQuery para seleccionar un número de elementos, por ejemplo, $("span"), cualquier método que invoque sobre el objeto ocurrirá en todos los elementos coincidentes. Piense en ello como 'iteración implícita' - p. $("span").hide(); ocultará todos los elementos del tramo en la página.

Ver:

+0

@ T. J. Crowder: editado antes de que comentases. Gracias :) – karim79

+0

Vale la pena señalar Creo que esto se trata de objetos jQuery, no elementos DOM. – sje397

+0

@ T.J. Crowder y karim79: Interesante. Entonces, ¿qué hay de hacer algo en un elemento específico de la colección? – Shaoz

6

sólo tiene que utilizar el selector de elementos

$('elementname') 

P. ej

$('div') 

Y para hacer la iteración:

$('div').each(function(){ 
    var $this = $(this); 
    //insert code here 
}); 

Puede que no tenga que recorrer, sin embargo, como un método llamado de la colección se llama para cada elemento de la colección, por lo

$('div').hide(); 

... ocultará todos los divs.

+2

'$ (" [foo] ")' tiene el selector de atributos Has, no el selector de elementos. –

+0

Estoy seguro de que es un error tipográfico ya que los ejemplos usan el código correcto, pero es muy engañoso. –

+2

@ Šime Vidas - Sí, estaba usando el [] para indicar un marcador de posición, pero me doy cuenta de que fue engañoso. Han modificado acoringly. –

-3

sólo necesitan poner algo como:

var some = $('[name="tagname"]'); 
+0

No, eso es incorrecto. Su código es un ejemplo de un selector de atributos. Ver https://api.jquery.com/attribute-equals-selector/ – j08691

Cuestiones relacionadas