jQuery .appendTo（）在<ul>上处理所有<ul>而不是指定的<ul> </ul> </ul> </ul>

Question

我正在尝试创建一个列表，在点击向上/向下时更改它的第一个元素。 This is what i want to do.

此代码工作正常。但问题是我也在我的网站的主菜单中使用列表，并且此代码也在我的主菜单中添加相同的列表项（在第一个/最后一个位置）。

我更改了这样的脚本，只在指定的列表中进行更改，而不是在我的页面中使用的所有列表中进行更改，但没有效果。

<script>
    $(document).ready(function () {     
        $('#scrollup, #scrolldown').click(function(e) {
            e.preventDefault();   
            var id = e.target.id;
        if(id == 'scrollup'){
            $('div #news ul li:first').appendTo('ul');
        }else{
            $('div #news ul li:last').prependTo('ul');
        }
    }); 
});
</script>

请帮助纠正。

Answer 1

而不仅仅ul使用appendTo('div #id ul')

Answer 2

试试这个

$(document).ready(function () {     
    $('#scrollup').click(function(e) {
        e.preventDefault();
        $('div #news ul li:first').appendTo('div #news ul');
    });
    $('#scrolldown').click(function(e) {
        e.preventDefault();
        $('div #news ul li:last').prependTo('div #news 'ul');
    });
});