0

每当 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);
4

2 回答 2

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);
于 2013-11-12T09:35:16.923 回答
0

您的问题并不完全清楚，但据我了解，以下内容可以帮助您

<!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>
于 2013-11-12T09:29:38.033 回答