Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm thế nào để thêm một phần tử danh sách mới trong một
    bằng jQuery?

Để thêm phần tử danh sách mới bên dưới phần tử ul, hãy sử dụng phương thức jQuery append ()

Đặt văn bản loại đầu vào ban đầu

Value: <input type="text" name="task" id="input">

Bây giờ bằng cách nhấp vào một nút, hãy thêm một phần tử danh sách mới bằng cách sử dụng các phương thức val () và append () trong jQuery:

$('button').click(function() {
   var mylist = $('#input').val();
   $('#list').append('<li>'+mylist+'</li>');
   return false;
});

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách thêm phần tử danh sách mới bằng jQuery:<./ p>

Ví dụ

<!DOCTYPE html>
<html>
<head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <script>
      $(document).ready(function(){
         $('button').click(function() {
            var mylist = $('#input').val();
               $('#list').append('<li>'+mylist+'</li>');
               return false;
            });
         });
   </script>
</head>
<body>
   <form>
      Value: <input type="text" name="task" id="input">
      <button>Submit</button>
      <br>

      <p>Add a value above and click Submit to add a new list.</p>
      <ul id="list">
      </ul>
   </form>
</body>
</html>