Comment rendre un span entièrement cliquable?

Question

Je souhaite que l'intervalle soit entièrement cliquable.

<span><a href="#" title="Remove" id="159" class="remove">159</a><input type="hidden" name="t[1][p][]" value="159"></span> 

L'image associée à l'image de fond est flottante vers la droite. L'image est un signe plus qui servira essentiellement à indiquer que l'enregistrement peut être déplacé vers un autre div.

Plutôt que d'avoir un lien et une image à la fois cliquable, est-il possible d'avoir simplement le tout acte de portée comme une ancre?

Le clic doit être détecté par jQuery.

Answer 1

Faire l'ancre niveau de bloc (c.-à-d. affichage: bloc) et il remplira l'étendue, en supposant que votre span lui-même a une taille définie (sinon il va juste envelopper l'ancre et ils seront tous deux de la même taille)

Answer 2

$("a.remove").closest("span").click(function(){alert('Test');}); fera.

D'ailleurs, ce n'est pas une bonne idée de définir l'identifiant à une seule valeur numérique. (Vous avez le id de l'élément a défini sur "159"). Cela rend votre balise invalide, comme un identifiant doit commencer par un caractère latin suivi de caractères, des chiffres, des tirets, etc.

Answer 3

HTML:

<span id="myspan">....</span> 

Script:

$("#myspan").click(function(){ 
    alert('I got a click'); 
});