Question

我试图将div属性数据作为元素ID传递。我有一组div配对，第一个作为一种标题，识别第二个不可见的div中的内容。我尝试通过第一个diventer事件切换第二个div。我试图用整个组的一个函数来做，而不是每对一个函数。

我的代码如下：

＆＃13;

$(document).ready(function () {
    $('div.jobs').mouseenter(function () { 
        var id = (this).attr("data-item");
        $($("#"+ id).toggle());
    });
});

＆＃13;

HTML如下：

<div class="jobs" id="ident" data-item="data"> test div</div>
<br />
<div class="jobs" id="data" style="display:none">Some Data</div>
<br />
<div class="jobs" id="ident1" data-item="data1"> test div 2</div>
<br />
<div class="jobs" id="data1" style="display:none">Some Other Data</div>
<br />

似乎它应该工作。当我触发鼠标输入事件但我不想切换时，我想从前一个div的数据项中切换div的id。我一定错过了什么。

Answer 1

看看这个小提琴：

http://jsfiddle.net/z26ogdzq/

我对你原来的JS做了一些细微的修改。

＆＃13;

$(document).ready(function () {
    $('div.jobs').mouseenter(function () {
        var id = $(this).attr("data-item");
        $("#" + id).toggle();
    });
});

＆＃13;

Answer 2

你忘记把$放了。尝试

var id = $(this).attr("data-item");

JQuery传递toggle事件的元素id

2 个答案: