Parent Find Input Value Js? How to get the parent element value using jquery?

Thảo luận trong 'Lập trình Javascript, js' bắt đầu bởi seolagi, 19/7/22.

  1. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,030
    Đã được thích:
    81
    Điểm thành tích:
    48
    Cho mình hỏi cách lấy giá trị của Input Value trong js như thế nào vậy? How to get the parent element value using jquery?

    Mình có cái code như sau
    Mã:
    <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
        var name = $(this).parents().children(".imputclass").val();
        alert(name);
        //Không hiểu sao code này không hoạt động, không lấy được cái tên thông qua cái this parents.
      });
    });
    </script>
    <div id="cs-mon">
    <p>Name: <input type="text" class="imputclass" name="user"></p>
    <button>Set the value of the input field</button>
    </div>
    </body>
    </html>
    
    • var name = $(this).parents().children(".clname").val(): nó bị lỗi không lấy được giá trị trong input.
    • Em chỉ muốn lấy bằng cách sử dụng this.parents thôi, bạn nào biết giúp mình với
     
    Cảm ơn đã xem bài:

    Parent Find Input Value Js? How to get the parent element value using jquery?

  2. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,907
    Đã được thích:
    1,200
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Bạn sửa lại thành như sau nhé:
    Mã:
    $(document).ready(function(){
      $("button").click(function(){
        var tt = $(this).parent().find('.imputclass').val();
        alert(tt);
      });
    });
    
     
  3. kingdom
    Tham gia ngày:
    7/11/18
    Bài viết:
    15
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    Cái sai trong câu lệnh của bạn là sử dụng parents().
    • Lệnh parent() lùi một bước về phần tử cha của nó.
    • Lệnh parents() lùi về một điểm đích nào đó. Có nghĩa là bạn phải chi ra cái đích ở đây là đâu.

      Mã:
      $(this).parents('#cs-mon').children(...)