扩展功能上的多个元素

时间:2014-09-07 20:31:46

标签: javascript jquery

如何将此脚本更改为多元素?: 如果点击链接(见演示)称为:“我想在此链接上展开文章” 这个链接扩展单个元素并非像现在一样。

演示: http://jsfiddle.net/sxXn2/1945/

        $(function () {
        $('div.readmore').expander({
            slicePoint: 0,
            expandPrefix:     '',
            expandText: 'Click Here to Read More',
            userCollapseText: 'Hide Text'
        });
        $('.linkclass').click(function () {$(".more-link").click();});
    });

2 个答案:

答案 0 :(得分:0)

您需要将.linkclass点击处理程序更改为此处:

$('.linkclass').click(function () {
    $(this).next(".readmore").find(".more-link").click();
});

它的作用:1)。使用类.readmore获取下一个兄弟节。 2)。在其中搜索.more-link。 3)。触发点击事件正确阅读更多链接。

演示:http://jsfiddle.net/sxXn2/1947/

答案 1 :(得分:0)

http://jsfiddle.net/sxXn2/1946/ 它是你喜欢它的工作方式吗?

关于那个字符串:

$('.linkclass').click(function () { $(".more-link").click() });

$('。more-link')选择文档中该类的每个链接。在你的情况下,你应该像:

$(this).next().find(".more-link").click();