Question

我想选择匹配的李html到div。我已经创建了一个函数，但它正在用li的测试更新div我希望更新li的html格式如'first'也是从ul中删除li，我不想删除li我只想复制它纯html。 fiddle

<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>

Answer 1

你可以这样做：

// 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);

FIDDLE DEMO

在jquery中过滤目标匹配的LI

1 个答案: