Jquery 当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='

我希望在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='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。