Question

我绝对不是jQuery专家，所以无法让它正常工作。

我想使用一个链接，其中rel =＆＃34; X＆＃34;滑动切换打开/关闭一个div与class =＆＃34; X＆＃34;。

默认应该关闭（或显示：无;）

我还想根据div是打开还是关闭来更改背景图像....想想可能会切换链接类名？

尝试了大量的jQuery示例，只是感到沮丧:(

这是我到目前为止所拥有的： http://jsfiddle.net/4gn5G/3/

$(document).ready(function () {
    $("a[rel]").click(function () {
        $(".[rel]").toggle("slide");
    });
});

提前感谢您的帮助!!!

Answer 1

您需要在类选择器中引用您要选择的属性的内容：

$(document).ready(function () {
    $("a[rel]").click(function () {
        $("." + this.rel).toggle("slide");
    });
});

或者：

$(document).ready(function () {
    $("a[rel]").click(function () {
        $("." + this.getAttribute('rel')).toggle("slide");
    });
});

正如您所写的那样，您只需选择类别为[rel]的元素，这些元素将为无（因为[和]是id的无效字符和class）。

Answer 2

更新到：

$("a[rel]").click(function () {
    var cls = $(this).attr('rel');
    $("."+cls).toggle("slide");
});

Answer 3

根据您的fiddle，

你忘了在页面中包含jQuery。添加后，脚本运行正常。

如果您想使用rel自动执行所有点击事件，那么

$(document).ready(function () {
    $("a[rel]").click(function () {
        var divClass= $(this).attr('rel');
        $("." + divClass).toggle("slide");
    });
});

<强> WORKING DEMO

Jquery使用rel切换幻灯片

3 个答案: