Question

说我有：

<div>
    <input type="button">
</div>
<img src="path/to/img.jpg">

我想要隐藏按钮然后隐藏图像，我可以这样做：

$('input[type="button"]').hide().parent().next('img').hide();

当我想删除元素时，如何以类似的方式导航到图像？

$('input[type="button"]').remove().parent().next('img').hide();

不行。

小提琴：http://jsfiddle.net/f8xN2/

TLDR：删除元素后，是否可以继续从当前位置导航DOM？

Answer 1

您可以先保存父级：var divParent = $('input[type="button"]').parent();，然后移除元素并使用divParent.next('img').hide();访问图像

Answer 2

您可以在删除第一个元素之前获取第二个元素：

var second = $('input[type="button"]').parent().next('img');
$('input[type="button"]').remove();
second.hide();

Answer 3

您可以将图像保存在局部变量中，然后将其用于任何您想要的任何内容。

var image = $(this).parent().next('img');
    $(this).remove();
    image.hide();

检查更新的jsfiddle： http://jsfiddle.net/f8xN2/3/

Answer 4

删除元素后无法链接

喜欢那样

        $(function(){
        $('#ex1').click(function(){
            $(this).hide().parent().next('img').hide();
        });
        $('#ex2').click(function(){
            //hide image
            $(this).parent().next('img').hide();
            //then remove
            $(this).remove()
        });
    })

jQuery的。从已删除的元素导航

4 个答案: