在jquery中过滤目标匹配的LI



我想选择匹配的Li html进入div。我已经做了一个函数,但它正在更新div与Li的测试,我想更新Li在html格式,如'first'也从ul中删除Li,我不想删除Li,我只是想复制它的纯html。小提琴

<head>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
   $(function () {
    $('a').click(function () {
        var txt = $(this).text();
        var htm = '';
        var aa = [];
        if (txt.indexOf('first') > -1) {
            htm = $('ul').find('li').filter(function () {
                if ($(this).text().indexOf('first') > -1) {
                    return this;
                }
            })
            $('.first').html(htm)
        }
    })
})
</script>
</head>
<body>
<ul>
<li id="0">first</li>
<li id="1">first</li>
<li id="2">second</li>
<li id="3">first</li>
<li id="4">second</li>
<li id="5">second</li>
<li id="6">first</li>
</ul>
<a href="#">first html</a>
<a href="#">second html</a>
<div class="first"></div>
<div class="second"></div>
</body>

你可以这样做:

// Filter the matched elements and clone them
htm = $('ul').find('li').filter(function () {
    return $(this).text().indexOf('first') > -1;
}).clone();
// Add the cloned elements to div
$('.first').html(htm);
<<p> 小提琴演示/strong>

最新更新