clostest, parents, parent

by Juri Rudi

HTML

<h5>Esempio metodo closest()</h5>
<div>
  <p class="closest">Paragrafo: clicca qui</p>
  <div>
    <p class="closest">Sotto-Paragrafo: clicca qui</p>
  </div>
</div>
<h5>Esempio metodo parents()</h5>
<div>
  <p class="parents">Paragrafo: clicca qui</p>
  <div>
    <p class="parents">Sotto-Paragrafo: clicca qui</p>
  </div>
</div>
<h5>Esempio metodo parent()</h5>
<div>
  <p class="parent">Paragrafo: clicca qui</p>
  <div>
    <p class="parent">Sotto-Paragrafo: clicca qui</p>
  </div>
</div>
<button>pulisci</button>

JavaScript

$("p.closest").click(function(){
  $(this).closest("div").css("background-color", "yellow");
})
$("p.parents").click(function(){
  $(this).parents("div").css("background-color", "yellow");
})
$("p.parent").click(function(){
  $(this).parent("div").css("background-color", "yellow");
})

$("button").click(function(){
	$("*").css("background-color", "transparent")
})