Предельные теги li с помощью javascript

У меня есть способ ограничить динамически добавленные теги li на определенный номер.
например: -
Я дал пользователю возможность добавлять теги li, но не хочу давать больше 3 тегов li ...

1
nl ja de
вы можете показать свою функцию addListTag ?
добавлено автор Tom Sarduy, источник

4 ответы

created a sample fiddle : HERE

Попробуйте что-нибудь вроде:

$('document').ready(function(){
    $('#add').click(function(){
        var li_count = $('#sample li').length;
        if(li_count < 3)
            $('#sample').append('
  • HELOO YOU
  • '); else return false; }); });
    1
    добавлено
    если он решает вашу проблему, пожалуйста, примите ответ :) @Hunain
    добавлено автор Nishant Jani, источник
    Он работал как шарм, спасибо
    добавлено автор Hunain, источник
    может кто-нибудь ответить на этот вопрос stackoverflow.com/questions/14907997/…
    добавлено автор Hunain, источник

    Добавьте счетчик к вашей функции «добавить li». Вы можете найти текущее количество элементов li, например:

    var numLis = $('#container li').length;
    
    1
    добавлено
    Зачем вам счетчик? Просто сравните атрибут length напрямую.
    добавлено автор Amberlamps, источник
    атрибут length - это счетчик, да. :) Обсуждение, если вы помещаете его в переменную, чтобы выражение if() выглядело чистым, здесь не принадлежит. :)
    добавлено автор Gung Foo, источник

    Сюда:

    if($('ul.myclass li').length > 3){
        alert('Not allowed to add more li');
    }
    
    0
    добавлено

    Вы можете сгруппировать все теги li под div с идентификатором «x-div». Затем вы можете использовать атрибут count count, чтобы проверять счет каждый раз, когда вы добавляете элемент li.

    0
    добавлено
    Теги li уже должны быть сгруппированы в контейнер - ul
    добавлено автор Brendan Bullen, источник
    Ya, идентификатор элемента ul может использоваться для подсчета детей.
    добавлено автор BenhurCD, источник
    JavaScript Jobs — чат
    JavaScript Jobs — чат
    8 336 участник(ов)

    JavaScript Jobs — чат для поиска работы и людей Правила оформления: https://teletype.in/@telegram-ru/r1WQe5F1m См. также: @mobile_jobs, @devops_jobs, @nodejs_jobs, @react_js, @angular_ru, @js_ru

    JavaScript.ru
    JavaScript.ru
    7 932 участник(ов)

    Сообщество сайта JavaScript.ru в Slack.

    pro.js
    pro.js
    4 675 участник(ов)

    Про JavaScript и NodeJS Invite: https://t.me/joinchat/Be4rsT5Rsgq30DHutjxXgA Правила: http://telegra.ph/ru-chat-rules-06-19 Вакансии только с ЗП, не чаще раза в неделю.

    Верстка сайтов HTML/CSS/JS/PHP
    Верстка сайтов HTML/CSS/JS/PHP
    3 439 участник(ов)

    Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

    JavaScript — русскоговорящее сообщество
    JavaScript — русскоговорящее сообщество
    3 269 участник(ов)

    Рекомендуем сразу отключить уведомления Правила: https://rudevs.network/ByaMH6un7 См. также: @js_noobs_ru, @nodejs_ru, @typescript_ru, @react_js, @electron_ru Вакансии и поиск работы: @javascript_jobs

    JavaScript Noobs — сообщество новичков
    JavaScript Noobs — сообщество новичков
    2 484 участник(ов)

    Чат для новичков

    Чат — Типичный Верстальщик
    Чат — Типичный Верстальщик
    1 080 участник(ов)

    Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

    javascript_ru
    javascript_ru
    915 участник(ов)

    Сообщество любителей самого популярного языка программирования в мире. Чат основан в 2009 году. Логи: https://goo.gl/9EOeM7 Поддержка бота: @chat_linker (ссылка на репу внутри) Вам будут интересны @frontend_ru и @css_ru

    jsChat
    jsChat
    603 участник(ов)

    Чат посвященный программированию на языке javaScript Перед отправкой ссылки на Ваш контент посоветуйтесь с админом Все ссылки удаляются ботом автоматически

    JavaScript for Zombies Chat
    JavaScript for Zombies Chat
    492 участник(ов)

    Чат про JavaScript для настоящих zombie! Вход строго по приглашениям! Ссылка для строгих приглашений: https://t.me/joinchat/AAMBHz3Uyr0tuZ7VaB029g

    All That JS
    All That JS
    417 участник(ов)

    JS на русском

    Веб-Технологи: UI/UX, Вёрстка, Фронтенд
    Веб-Технологи: UI/UX, Вёрстка, Фронтенд
    167 участник(ов)

    Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

    DTP :: @DTPublish
    DTP :: @DTPublish
    147 участник(ов)

    Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing