1

Hola estoy intentando hacer lo siguiente:

       $('.1','.btn').show();

quiero hacer visible solo los div's que tienen esas dos clases juntas asi:

        <div class="1 btn"> 

he probado haciéndolo así:

           <div class="1.btn"> 
           $('.1.btn').show();         

y tampoco funciona:

1
  • Con Jquery con una coma entre selectores actúa como OR , $('.btn,.1) (clase btn o clase 1) , y sin la coma y sin espacios como AND , $('.btn.1') (clase btn y clase 1)
    – Dev. Joel
    Commented el 29 ene. 2018 a las 3:11

1 respuesta 1

2

En realidad es una mezcla de tus soluciones. Las clases debes indicarlas en el atributo html separadas por espacios:

<div class="1 btn">

Y en el selector jQuery precedidas por un punto para indicar que hace referencia a una clase y sin separar:

$('.1.btn').show();

$(function(){
  $('#ocultar').click(function(){
    $('.1.btn').hide();
  });
  $('#mostrar').click(function(){
    $('.1.btn').show();
  });
});
div, button{
  padding: 10px;
}

div{
  border: 1px solid #666666;
  margin: 10px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="1 btn">
  Div 1 btn
</div>

<div class="btn">
  Div btn
</div>

<div class="1">
  Div 1
</div>

<button id="ocultar">Ocultar</button>
<button id="mostrar">Mostrar</button>

2
  • Gracias ahora probaré
    – sergipc88
    Commented el 29 ene. 2018 a las 9:07
  • gracias me ha funcionado!!!
    – sergipc88
    Commented el 29 ene. 2018 a las 9:32

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.