Question

<script type="text/javascript">
$(document).ready(function () {

  $("#list > li").click(function(){
      var $val = $(this).text();
      $("#hi").attr( value ,$val);
      });

});
</script>



<input type="text" id="hi" disabled="disabled" value=" " />
<ul id="list">
    <li>Mike
        <ul>
            <li>Smith</li>
        </ul>
    </li>
        <li>Gene</li>
            <li>Law</li>
</ul>

当点击“法律”或“基因”时,它就在投入领域展示,但当我点击“Smith”或“Mike”而不是单一名称时,这两个名字都出现在投入领域。但我只想点击一个名字。如何做到这一点?

--——

Answer 1

如果贵国的OM结构不灵活,你可以这样做:

$("#list > li").click(function(e) {

    // get me the first childNode of the target of the click event
    var $val = e.target.childNodes[0].nodeValue;
    $("#hi").attr( value , $val);
});

。

Answer 2

您可在一段时期内对每个菜单项目文本进行盘点,并发现:

$(document).ready(function () {

  $("#list span").click(function(){
      var $val = $(this).text();
      $("#hi").attr( value ,$val);
      });

});

<input type="text" id="hi" disabled="disabled" value=" " />
<ul id="list">
    <li><span>Mike</span>
        <ul>
            <li><span>Smith</span></li>
        </ul>
    </li>
        <li><span>Gene</span></li>
            <li><span>Law</span></li>
</ul>

选取这两个名字是因为你在任何<代码>和>、li>、项目内重新选取所有案文。

见 jsfiddle。

友情链接