如何使用jquery隐藏父元素？

Question

我有这个HTML列表

<button>Show/hide</button>

<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum<span class="green"> Some text</span></li>
<li>Lorem Ipsum<span class="green"> Some text</span></li>
<li>Lorem Ipsum<span class="green"> Some text</span></li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>

和一些jQuery代码切换span：

$(document).ready(function(){
    $("button").click(function(){
        $(".green").toggle();
    });
});

我现在要做的是切换整个li span我的System.Windows.Markup.XamlParseException: 'Root element is missing. 是否嵌入。想知道如何做到这一点吗？

https://jsfiddle.net/vnprtra1/2/

Answer 1

$(document).ready(function(){
    $("button").click(function(){
        $(".green").parent().toggle();
    });
});