usar attr en <div> sin id ó class

[roverjak]

Quiero modificar atributos de una etiqueta <div> sin afectar a otros <div>, lo unico que se diferensea de las de mas <div> es el atributo: style:"border: thin dashed #e6e5e6"

mi pregunta se puede aplicar el attr a una div sin id o class con solo style? y como?

Tengo dos teorias:
1.- Con If (es decir que cheque las etiquetas div y las que coincidan con el style a esa le agregue el atributo display:none
2.- con for que cuente los div y al div 2 le aplique el atributo display:none

Este es un ejemplo de código que quiero que se le aplique:

<div>
<div width="100%" align="center" style="border: thin dashed #e6e5e6" >
<a href="#" style="font:Verdana, Geneva, sans-serif">Link</a>
<a href="#" style="font: Arial, Helvetica, sans-serif">Link 2</a>
</div>
</br>
<div id="main" width="100%" align="left" style="border:none">
<p>bla, bla, bla</p>
<a href="#" style="font:Verdana, Geneva, sans-serif">Link</a>
<a href="#" style="font: Arial, Helvetica, sans-serif">Link 2</a>
</div>
<div>

Me pueden ayudar a generar el código en jquery y si es posible que el código se ejecute solo se los agradeseria.

[Dradi7]

Entonces para esto tendrias que usar algo como esto

Código Javascript:

$(document).ready(function(){
$('div').each(function(index) {
    var style = $(this).attr('style');
    if(style == 'border: thin dashed #e6e5e6'){
    // ACA TU CODIGO
    }
});
});
 

[roverjak]

Gracias Dradi7

Pero como ejecuto mi codigo?

Código HTML:

.attr('display','none');
attr ('style', 'display: none')

es decir quiero usar attr para agregar el atributo display=none o style= display:none

pero al parecer el attr requiere un identificador o una etiqueta a quien aplicar el attr

Código HTML:

$('div').attr (attributeName, valor)
$('#id').attr (attributeName, valor)
$('.class').attr (attributeName, valor)

o me equivoco?

[Dradi7]

el codigo que te puse es para poder recuperar el valor total del style

si deseas agregar estilos debes usar esto, ejemplo

$(myelement).css('width','100px');

o

$(myelement).css({
'width': '100px',
'height': '100px'
});

[roverjak]

no entiendo: recuperar el valor total del style?

myelement es un identificador previamente definido?

ya que yo no tengo acceso a modificar directamente el codigo html, solo puedo agregar codigo de cabecera y body pero no puedo modificar codigo definido y guardado en el servidor

Por eso mi interés de modificar el código mediante attr o aplicando css (pero solo a una etiqueta con ciertas características) y después de la carga o a nivel cliente

[roverjak]

O otra cosa que se me ocurre.

Se podra asignar un identificador solo a las etiquetas que no lo tengan? (id o class)

Código HTML:

<scritp jquery></scrip>
<div>
<div>
<div id="no modificar">
<div> 

Resultdo

Código HTML:

<div id="1">
<div id="2">
<div id="no modificar">
<div id="3"> 

[quike88]

Hola,

Prueba así:

Código Javascript:

$(document).ready(function(){
    $('div').each(function(index) {
        var style = $(this).attr('style');
        if(style == 'border: thin dashed #e6e5e6'){
            $(this).hide();   
        }
    });
});
 

También podrías intentar algo así:

Código Javascript:

$('div[style="border: thin dashed #e6e5e6"]').hide();
 

Revisa los diferentes selectores.

Saludos!

[roverjak]

Gracias quike88!!

las sugerencias que me diste si funcionan!! pero el codigo:

Código HTML:

.hide()

No funciona en Internet Explorer pero si en chrome y mozilla

Probé:

Código HTML:

$('div[style="border: thin dashed #e6e5e6;"]').css('display','none');

y tan bien funciona pero con Internet explore No (tampoco)

Quise probar con attr:

Código HTML:

$('div[style="border: thin dashed #e6e5e6;"]').css('display','none');

Pero no me funciono con ningún explorador: estaré usando mal attr? o como se usara??

[quike88]

Hola,

¿Qué versión de Internet Explorer estas usando? Si bien no recuerdo tenía problemas con IE8. Para probar con .attr(). sería

Código Javascript:

//hide
$('div').attr("style", "display: none;");
//show
$('div').attr("style", "display: block;");
 

Saludos!

[roverjak]

Iniciado por quike88

Hola,

¿Qué versión de Internet Explorer estas usando? Si bien no recuerdo tenía problemas con IE8. Para probar con .attr(). sería

Código Javascript:

//hide
$('div').attr("style", "display: none;");
//show
$('div').attr("style", "display: block;");
 

Saludos!

Hola!!

Tienes razon (no lo eh checado en versiones anteriores de IE) tengo:
windows 8 Relese Preview
IE 10 Relese Preview (10.0.8400.0)

Probe el código: attr("style", "display: none;"); pero no me funciono (almeno en IE 10)

Consiguiere donde probar en otras versiones y te cuento que paso!