-1

我想选择匹配的 Li html 到 div 中。我已经创建了一个函数,但它正在用 li 的测试更新 div 我想以 html 格式更新 li,比如“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>
4

1 回答 1

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

小提琴演示

于 2013-05-23T07:46:37.327 回答