Jquery 选择<；李>；值，该值包含隐藏的<；span>；价值

我有以下代码：

<div id="left">
    <ul class="cmdSelected">
        <li class="cmdTitle">Test Case D</li>
            <li class="cmdTypeE">GPP1<span hidden>143</span></li>
            <li class="cmdTypeE">GPP2<span hidden>146</span></li>               
            <li class="cmdTypeF">UDA<span hidden>0</span></li>
            <li class="cmdTypeB">Complete<span hidden>1</span></li>
    </ul>
</div>

<div id="left">
    <ul class="cmdSelected">
        <li class="cmdTitle">Test Case D</li>
            <li class="cmdTypeE">GPP1<span hidden>143</span></li>
            <li class="cmdTypeE">GPP2<span hidden>146</span></li>               
            <li class="cmdTypeF">UDA<span hidden>0</span></li>
            <li class="cmdTypeB">Complete<span hidden>1</span></li>
    </ul>
</div>

但是，它将显示值“GPP1143”。 如何仅获取“GPP1”值？

请尝试以下操作：

<div id="left">
<ul class="cmdSelected">
    <li class="cmdTitle">Test Case D</li>
        <li class="cmdTypeE" onclick="clickonthis(this)">GPP1<span hidden>143</span></li>
        <li class="cmdTypeE" onclick="clickonthis(this)">GPP2<span hidden>146</span></li>               
        <li class="cmdTypeF" onclick="clickonthis(this)">UDA<span hidden>0</span></li>
        <li class="cmdTypeB" onclick="clickonthis(this)">Complete<span hidden>1</span></li>
</ul>

---

请尝试以下代码：

<div id="left">
    <ul class="cmdSelected">
        <li class="cmdTitle">Test Case D</li>
            <li class="cmdTypeE">GPP1<span hidden>143</span></li>
            <li class="cmdTypeE">GPP2<span hidden>146</span></li>               
            <li class="cmdTypeF">UDA<span hidden>0</span></li>
            <li class="cmdTypeB">Complete<span hidden>1</span></li>
    </ul>
</div>

<div id="left">
    <ul class="cmdSelected">
        <li class="cmdTitle">Test Case D</li>
            <li class="cmdTypeE">GPP1<span hidden>143</span></li>
            <li class="cmdTypeE">GPP2<span hidden>146</span></li>               
            <li class="cmdTypeF">UDA<span hidden>0</span></li>
            <li class="cmdTypeB">Complete<span hidden>1</span></li>
    </ul>
</div>

JSFiddle：

基于：

替换此：-

 var selected = $(this).text(); 

与：-

var selected = $("#left >ul").find("li:selected").clone().children().remove().end().text();

或

.clone（）--克隆元素。
.children（）--选择所有子项。
.remove（）--删除所有子项。
.end（）--再次返回到所选元素

---

可能是@billyonecan的副本将其锁定。你可以回答这个问题。OMG，重复的在线javascript，这肯定不是正确的选择。此外，它不会改变任何事情，这不起作用。输出“GPP1143”：谢谢您的帮助！

var selected = $("#left >ul").find("li:selected").clone().children().remove().end().text();

var selected = $(this).clone().children().remove().end().text();