Question

如何使脚本仅适用于特定ID？我有多个div，在各种ID中有类名.item-post。如何将脚本限制为仅在特定ID中工作？

<script type="text/javascript">
    $( ".next" ).click(function() {
        $(".item-post:first").insertAfter($(".item-post:last"));
        $(".item-post:first").css('display','none');
        $(".item-post:first").fadeIn()
    });
    $( ".prev" ).click(function() {
        $(".item-post:last").insertBefore($(".item-post:first"));
        $(".item-post:first").css('display','none');
        $(".item-post:first").fadeIn()
    });
</script>

这就是我的尝试：

$('#layout-education-1').is({
    $(".next").click(function() {
        $(".item-post:first").insertAfter($(".item-post:last"));
        $(".item-post:first").css('display','none');
        $(".item-post:first").fadeIn()
    });
    $(".prev").click(function() {
        $(".item-post:last").insertBefore($(".item-post:first"));
        $(".item-post:first").css('display','none');
        $(".item-post:first").fadeIn()
    });
});

编辑：更新了小提示，显示问题：http://jsfiddle.net/m5s8ad68/1/

Answer 1

$(".next").click(function () {
    $("#layout-education-1 .item-post:first").insertAfter($("#layout-education-1 .item-post:last"));
    $("#layout-education-1 .item-post:first").css('display', 'none');
    $("#layout-education-1 .item-post:first").fadeIn()
});
$(".prev").click(function () {
    $("#layout-education-1 .item-post:last").insertBefore($("#layout-education-1 .item-post:first"));
    $("#layout-education-1 .item-post:first").css('display', 'none');
    $("#layout-education-1 .item-post:first").fadeIn()
});

限制ID中的操作？

1 个答案: