Question

每当ol项目数量增加或减少时，我都会发出警报。我目前正在使用Counter变量跟踪此更改（数量增加）。

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

Answer 1

试试这个

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

Answer 2

你的问题并不完全清楚，但据我所知，以下内容可以帮助你

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

如果ol列表数量增加，如何继续检查？

2 个答案: