как продолжать проверку при увеличении количества ол списка?

Question

как продолжать проверку при увеличении количества ол списка?

0

Я хочу оповещение при каждом увеличении или уменьшении количества элементов 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);

user1452376 12 нояб. 2013, в 10:12

Источник

0

как добавляются новые предметы
Arun P Johny 12 нояб. 2013, в 09:10
0

Что это за событие, которое увеличивается или уменьшается?
mplungjan 12 нояб. 2013, в 09:10
0

Возможный дубликат Как продолжать проверять наличие новых элементов <li> в <div>?
Arun P Johny 12 нояб. 2013, в 09:12
0

Пожалуйста, оставьте свой код для вставки или удаления элементов
Roopendra 12 нояб. 2013, в 09:13
0

@Roopendra, @ Arun P Johny Я отредактировал свой вопрос. Пожалуйста, просмотрите его.
user1452376 12 нояб. 2013, в 09:18
0

Мы спрашиваем вас, как вы запускаете увеличение или уменьшение, возможно, вы используете любую кнопку или для любого щелчка идентификатора, который вы запускаете увеличение / уменьшение. Так что вы там написали? а также ваш идентификатор не соответствует вашему вставленному примеру. Это должно быть $('#txtarea').html(html);
Roopendra 12 нояб. 2013, в 09:25

Показать ещё 4 комментария

Теги:

jquery

html

html-lists

2 ответа

Ещё вопросы

Что это за событие, которое увеличивается или уменьшается?
Возможный дубликат Как продолжать проверять наличие новых элементов <li> в <div>?
Пожалуйста, оставьте свой код для вставки или удаления элементов
@Roopendra, @ Arun P Johny Я отредактировал свой вопрос. Пожалуйста, просмотрите его.
Мы спрашиваем вас, как вы запускаете увеличение или уменьшение, возможно, вы используете любую кнопку или для любого щелчка идентификатора, который вы запускаете увеличение / уменьшение. Так что вы там написали? а также ваш идентификатор не соответствует вашему вставленному примеру. Это должно быть $('#txtarea').html(html);

Avinash Ware · Answer 1 · 2013-11-12T06-55-00.000Z

попробуй это

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

По крайней мере, получить HTML только один раз в цикле.

kundan Karn · Answer 2 · 2013-11-12T07-17-00.000Z

ваш вопрос не совсем ясен, но насколько я понял, это может помочь вам

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