Jquery 如何使跨度完全可点击?

Jquery 如何使跨度完全可点击?,jquery,anchor,Jquery,Anchor,我想让跨度完全可点击 <span><a href="#" title="Remove" id="159" class="remove">159</a><input type="hidden" name="t[1][p][]" value="159"></span> 跨度指定了一个背景图像,该背景图像向右浮动。该图像是一个加号,基本上用于指示记录可以移动到另一个div 与其让链接和图像都可以点击,不如让整个跨度像一个锚 jQuery

我想让跨度完全可点击

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

跨度指定了一个背景图像,该背景图像向右浮动。该图像是一个加号,基本上用于指示记录可以移动到另一个div

与其让链接和图像都可以点击,不如让整个跨度像一个锚

jQuery必须检测到单击。

$(“a.remove”).closest(“span”).click(函数(){alert('Test');})就可以了

顺便说一下,将id设置为仅限数字的值不是一个好主意。(将
a
元素的
id
设置为“159”)。这会使标记无效,因为任何标识符都必须以拉丁字符开头,后跟字符、数字、破折号等。

HTML:

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

使锚定块水平(即显示:块),它将填充跨度,假设跨度本身有一个定义的大小(否则它将仅包裹锚定,它们将是相同的大小)

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


我认为有一个问题,当你点击span时,出于某种原因,它会点击里面的href,这里有一个小的解决办法。

为什么不把背景图像给
?隐藏的输入可以使用
$('.remove')。next()
。您还没有任何jQuery代码吗?我喜欢这样,因为它将跨距缩小到包含
remove
链接的跨距+哈哈哈。简单明了。我喜欢它:)如果您在第一个警报
$('a',this)之后添加,则在该函数中。单击()
它将激活单击a链接,但随后它将自动再次单击跨度,如果您直接单击href,它也将单击跨度。这在类似问题的情况下不起作用。更简单地修改OP:跨度SpPSPANDIY跨度中间有一个不可点击的区域。
$("#myspan").click(function(){
    alert('I got a click');
});
$('a.remove').closest('span').click(function(){
    $('a.remove', this).trigger('click');
})