Skip to main content
se añadieron 224 caracteres en el cuerpo
Origen Enlace
Lucas D.A.W.
  • 2.4k
  • 1
  • 12
  • 32

Se puede hacer con css, prueba con éste código... Los span hijos són de color verde.

$(document).ready(function(){
 myFunction6 $("span").each(function(){
    if($(this).parent().is("span")){
      $(this).hide();
    }
  });
});
div > span {
  color:red
  }
  span > span{
  color:green;
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
    <span class="red">66 
        <span>22 </span>
    </span>
    <span class="green">24
        <span class="blue">82 </span>
    </span>
    <span class="green">10 
        <span class="blue" >1 </span>
    </span>
    <span class="red">69 
        <span>80 </span>
    </span>
    <span class="red">12 
        <span class="green">11 </span>
    </span>
 </div>

Se puede hacer con css, prueba con éste código... Los span hijos són de color verde.

function myFunction6() {

}
div > span {
  color:red
  }
  span > span{
  color:green;
  }
<div class="row">
    <span class="red">66 
        <span>22 </span>
    </span>
    <span class="green">24
        <span class="blue">82 </span>
    </span>
    <span class="green">10 
        <span class="blue" >1 </span>
    </span>
    <span class="red">69 
        <span>80 </span>
    </span>
    <span class="red">12 
        <span class="green">11 </span>
    </span>
 </div>

Se puede hacer con css, prueba con éste código... Los span hijos són de color verde.

$(document).ready(function(){
  $("span").each(function(){
    if($(this).parent().is("span")){
      $(this).hide();
    }
  });
});
div > span {
  color:red
  }
  span > span{
  color:green;
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
    <span class="red">66 
        <span>22 </span>
    </span>
    <span class="green">24
        <span class="blue">82 </span>
    </span>
    <span class="green">10 
        <span class="blue" >1 </span>
    </span>
    <span class="red">69 
        <span>80 </span>
    </span>
    <span class="red">12 
        <span class="green">11 </span>
    </span>
 </div>

Origen Enlace
Lucas D.A.W.
  • 2.4k
  • 1
  • 12
  • 32

Se puede hacer con css, prueba con éste código... Los span hijos són de color verde.

function myFunction6() {

}
div > span {
  color:red
  }
  span > span{
  color:green;
  }
<div class="row">
    <span class="red">66 
        <span>22 </span>
    </span>
    <span class="green">24
        <span class="blue">82 </span>
    </span>
    <span class="green">10 
        <span class="blue" >1 </span>
    </span>
    <span class="red">69 
        <span>80 </span>
    </span>
    <span class="red">12 
        <span class="green">11 </span>
    </span>
 </div>