我想选择匹配的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>