如何使跨度完全可点击？

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设置为仅数字值并不是一个好主意。 （您将id元素的a设置为“159”。这使得您的标记无效，因为任何标识符都必须以拉丁字符开头，后跟字符，数字，短划线等。

Answer 4

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

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

Answer 5

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

我认为有一个问题是，当您点击跨度时，由于某种原因它会点击内部的href，这是一个小小的工作。