обновить html списка с входных данных, имеющих также привязку и тег изображения - PullRequest
Новая
       3

обновить html списка с входных данных, имеющих также привязку и тег изображения

0 голосов
/ 09 апреля 2020

Я хочу jquery код, пожалуйста, проверьте комментарий в script.afetr нажмите здесь, я хочу код, чтобы добавить inputText в li и сделать то же самое. Я не знаю, почему публикация вопроса так жутко в первый раз? 

<body>
        <div class="content">
            <div class="main">
                <input type="text" autofocus placeholder="Please write your task here....">
                <button>Click To Add</button>
            </div>

            <div class="data">enter code here
                <ul>
                    <li>Item aided shown here <a id="del-button" href="https://www.google.com">
                            <img src="del.png" alt="delete-button"> </a> </li>
                </ul>

            </div>
            </ class="content">

    <script>
    $('document').ready(function () {

         var cont = $('.content');

         $('button').click(function () {
              var inputText = $('input');
              var newList = $('li').first().clone();

              // now afetr click here i want code, to add inputText in li and rest the same


         })

    })

    </script>

    </body>

1 Ответ

1 голос
/ 09 апреля 2020

Попробуйте: 

 $('button').click(function () {
    var inputText = $('input').val();
    var newList = $('<li></li>');
    newList.append(inputText);
    newList.append('<a id="del-button" href="https://www.google.com"><img src="del.png" alt="delete-button"> </a>');
    $("ul").append(newList);
 });

Также обратите внимание, что ваш код HTML не работает, перед вашим тегом <script> вместо </div class="content">.

работает </ class="content">. Fiddle .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...