Jquery多元素

Question

我正在生成多个具有相同 id 的 span 元素

<span id='myLink'>some text</span>

并且使用jquery我想使用span元素的偏移量在它附近打开一个div覆盖 但是当我调用一个函数时，它仅适用于第一个跨度元素

$('#myLink').click(function() {
            var divOverlay= jQuery('<div id="divOverlay">text on overlay </div>');
            var off=$(this).offset();
            divOverlay.css(
            {
                left:(off.left)+'px',
                top:(off.top-200)+'px'
            });
            divOverlay.appendTo(document.body)

        });

谢谢

Answer 1

all of the same id

导致问题，ID 必须是唯一的。

使用类来代替

<span id='myLink1' class='myLinkClass'>some text</span>
<span id='myLink2' class='myLinkClass'>some text</span>
<span id='myLink3' class='myLinkClass'>some text</span>