Question

我使用JavaScript添加和删除内容，但我需要在此处添加多个项目：http://prntscr.com/66j0vt

但我不知道怎么做，因为我对这门语言知之甚少。

我的代码：

(function($) {
    $('#slideshow-pause-icon').click(function(e) {
        e.preventDefault();
        $('#slideshow').toggleClass('slideshow-pause');
    });
})(jQuery);

我想要这样的事情：

(function($) {
    $('#slideshow-pause-icon').click(function(e) {
        e.preventDefault();
        $('#slideshow, item2, item3, etc').toggleClass('slideshow-pause');
    });
})(jQuery);

感谢。

Answer 1

根据您喜欢的方式组织代码，您可以通过几种方式完成。

jQuery / Javascript很乐意允许以下任何一种情况：

(function($) {
    $('#slideshow-pause-icon').click(function(e) {
        e.preventDefault();

        // Add as many elements and actions as you need e.g.
        $('.some-other-element').toggleClass('some-class');
        $('.some-other-element2').hide(400); 


        $('#slideshow').toggleClass('slideshow-pause');
    });


    $('#slideshow-play-icon').click(function(e) {
        e.preventDefault();
        $('#slideshow').removeClass('slideshow-pause');
    });
})(jQuery);

或者，如果元素都是相同的，您可以使用逗号分隔的元素选择器列表

$('#id-element, .class-element, #id-element2').css({width:100px});

以下文档。

http://api.jquery.com/multiple-selector/

JavaScript：如何在e.preventDefault之后添加多个项目？

1 个答案: