trawers przycisk od rozpiętości span

Question

Jestem nowo naukę jQuery i skryptu Java, obecnie jestem w obliczu problemu pokazując ukryty przycisk, mój HTML jest

<span style="float:left;padding-right:10px"> 
    <input type="button" value="image" class="delete" /> 
    <a href="/media/image"><img src="/media/image" /></a> 
</span> 
<span style="float: left; padding-top: 5px;"> 
    <a href="/media/image"> 
     <button type="submit" class="delete_media">Delete</button> 
    </a> 
</span> 

Jquery:

$(".delete").click(function(){   
var $this = $(this); 
$this.siblings(".delete_media").toggle();    
}); 

css :

.delete_media {  
    display:none; 
    float: right; 
    height: 25px; 
    width: 60px; 
    -moz-border-radius: 10px; 
    border-radius:10px;  
} 

Również próbowałem przy użyciu find, nextAll, najbliżej również nic nie działało, więc jak to działa.

Demo Here

Answer 1

Spróbuj

$this.closest('span').next().find(".delete_media").toggle(); 

DEMO

Answer 2

Używasz rodzeństwo, ale nie są one na tym samym pojemniku. Inna funkcja ruchu nie wykona tego zadania, ponieważ te dwa przyciski nie mają wspólnego pojemnika.

Wystarczy wyszukać go przez klasy

$(".delete").click(function(){   
    var $this = $(this); 
    $(".delete_media").toggle();    
}); 

Jest to wskazane, że będziesz owinąć te dwa przyciski ze wspólnym pojemniku.

Oto przykład

<div data-action="delete"> 
    <span style="float:left;padding-right:10px"> 
     <input type="button" value="image" class="delete" /> 
     <a href="/media/image"><img src="/media/image" /></a> 
    </span> 
    <span style="float: left; padding-top: 5px;"> 
     <a href="/media/image"> 
      <button type="submit" class="delete_media">Delete</button> 
     </a> 
    </span> 
</div> 

$(".delete").click(function(){   
    var $this = $(this); 
    $this.closest("div[data-action='delete']") 
          .find(".delete_media").toggle();    
});