移除元素将无法使用jQuery

Question

我有一个由jQuery.PrettyTextDiff-plugin创建的自动生成布局：

<head>
    <script type="text/jaascript" src="the jquery library"></script>
</head>
<body>
    <div class="diff">
        <span>
            <br/>
        </span>
        Continuing layout...
    </div>
    <script type="text/javascript" src="diff_match_patch.js"></script>
    <script type="text/javascript" src="jquery.pretty-text-diff.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.diff span:first-child').remove(); // As of my last try
        });
    </script>
</body>

我希望在运行时删除‘diff’-布局中的第一个span，但是我无法让它工作。经过彻底的研究，我尝试了几种解决方案。

$('.diff').closest('span').remove();
$('.diff span').first().remove(); //recommended solution by the jQuery Foundation - yet it won't work
$('.diff span').remove();
$('.diff').find('span:gt(0)').remove();

似乎没有什么能移除这段距离。我该怎么做才能把它移除？

Answer 1

在某个地方，我看到一个快速的评论，暗示我可以使用CSS来解决这个问题--所以我做到了。它是一种魅力。

.diff span {
    display: none;
}

Answer 2

您是否将jQuery代码包装为：

    $(document).ready(function () {
        $('.diff span').remove();
    });

这应该能行。

更新:要只删除第一个子级，请执行：

$('.diff span:first-child').remove();

小提琴

Answer 3

试着像这样…

$('.diff').each(function(){
   $(this).find('span').eq(0).remove();
});