jquery - 在子 div 中查找输入值

Question

<分区>

Answer 1

你很接近。 .parent() 只上升一级(到父级)。相反，您可以将其更改为 .closest()或 .parents() .

例如:

$(this).closest('div.content').find('input').val();

$('button').click(function() {
    console.log( $(this).closest('div.content').find('input').val() );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main">
    <div class="content">
        <input type="text" value="Hello World...">
        <div class="subContent">
            <button id="myButton">Get Input Value</button>
        </div>
    </div>
    <div class="content">
        <input type="text" value="Hello World...">
        <div class="subContent">
            <button id="myButton">Get Input Value</button>
        </div>
    </div>
</div>