Jquery 当ol列表数量增加时,如何保持检查?
我希望在ol项目数量增加或减少时发出警报。我目前正在使用计数器变量跟踪此变化(数量增加)Jquery 当ol列表数量增加时,如何保持检查?,jquery,html,html-lists,Jquery,Html,Html Lists,我希望在ol项目数量增加或减少时发出警报。我目前正在使用计数器变量跟踪此变化(数量增加) <div id="txtarea" contenteditable="true">Some text</div> var counter=0; var html = "<div class='steps '><ol ><li class='personid' id='"+ counter++ +"' ><a href='
<div id="txtarea" contenteditable="true">Some text</div>
var counter=0;
var html = "<div class='steps '><ol ><li class='personid' id='"+
counter++ +"' ><a href='url-here' >Link Text </a></li></ol><div>";
$('#textarea').html(html);
一些文本
var计数器=0;
var html=“”;
$('#textarea').html(html);
您的问题并不完全清楚,但据我所知,以下内容可以帮助您
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Test</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>
<body>
<input type="text" class="myInput" /><input type="button" class="myBtn" value="submit" />
<div class="myDiv">
<ol>
<li>Kundan</li>
<li>Amit</li>
</ol>
</div>
<script type="text/javascript">
$('.myBtn').click(function () {
$('.myDiv ol').append('<li>' + $('.myInput').val() + '</li>');
alert( $('.myDiv ol li').length + ' row Inserted');
});
</script>
</body>
</html>
试验
昆丹
阿米特
$('.myBtn')。单击(函数(){
$('.myDiv ol').append(''+$('.myInput').val()+' ');
警报($('.myDiv ol li')。长度+'插入行');
});
试试这个
var old_content = $('#textarea').html();
setInterval(function(){
if(old_content != $('#textarea').html()){
alert('changed');
old_content = $('#textarea').html();
}
},30);
编辑:优化版本
var old_content = $('#textarea').html();
setInterval(function(){
var current_html = $('#textarea').html();
if(old_content != current_html ){
alert('changed');
old_content =current_html;
}
},30);
新项目是如何增加的?增加或减少的事件是什么?可能重复的请发布您的代码以插入或删除olitems@Roopendra,@Arun P Johny我已经编辑了我的问题。请检查它。至少在循环中只获取一次html。