如何使跨度完全可点击？

Question

我想让跨度完全可点击。

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

为跨度分配一个向右浮动的背景图像。 图像是一个加号，基本上用于指示记录可以移动到另一个div。

而不是让链接和图像都可点击，是否可以简单地让整个跨度像锚一样？

点击必须由jQuery检测。

Answer 1

HTML：

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

脚本：

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

Answer 2

使锚点块级别（即显示：块）并且它将填充跨度，假设您的跨度本身具有已定义的大小（否则它将仅包裹锚点并且它们将具有相同的大小）

Answer 3

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

顺便说一下，将id设置为仅数值的值不是一个好主意。 （您a元素的id设置为“159”）。 这使得您的标记无效，因为任何标识符都必须以拉丁字符开头，后跟字符，数字，短划线等。

Answer 4

$('a.remove').closest('span').click(function(){
    $('a.remove', this).trigger('click');
})

这也会触发链接的点击事件。

Answer 5

http://jsfiddle.net/mDLwZ/1/

我认为有一个问题是，当你点击跨度时，由于某种原因它点击内部的href，这是一个小的解决方法。