将click事件添加到空span块

Question

我有一些HTML格式

<div id="1">
    <div>
    <span class="checkbox" style="background-position: 0pt -34px;"></span>
    <input type="checkbox" value="Adelaide" class="styled" name="sidecity" id="sidecity-control-name-0">
    <label for="sidecity-control-name-0">Adelaide</label>
    </div>       
</div>

如何将click事件处理程序添加到空span块？

Answer 1

可能是这样的：

$('span.checkbox').click(function(e) {
    // do something here to handle a click event on your span
});

但是，除非checkbox类做了一些非常特殊的事情，否则该元素不可能占用页面上的任何空间，因此点击它的可能性很小。