$("#exec").click(function() {

        var v = $("#animation").val();

        var $span = $("span");

        $span.empty();

        if (v == "1") {

            //找到第一个li的同辈节点中的索引位置

            $span.text($("li").index())

        } else if (v == "2") {

            //通过传递dom查找

            $span.text($("li").index(document.getElementById("test5")))

        } else if (v == "3") {

            //通过传递jQuery对象查找

            $span.text($("li").index($("#test6")))

        }

    });

原意是每点击一次就清空span标签的之前内容文本和子节点。

但像text()、html()这些 本身就会自己替换掉原来的内容。所以 加和不加都没什么区别吧。