IT TIP

Jquery 가장 가까운 일치 요소 찾기

itqueen 2020. 12. 14. 21:28
반응형

Jquery 가장 가까운 일치 요소 찾기


열이있는 일련의 행이 있고 키를 놓을 때 함수를 호출하는 필드 (가격 입력) input에 대한 이전 열에 있는 필드 의 값을 선택하려고합니다 input.

나는 시도했다 :

quantity = $(this).parent().parent().children().val() ;
quantity = $(this).parent().parent().children().closest('.inputQty', this).val() ;

그러나 둘 다 작동하지 않습니다.

DOM의 예 :

<div class="row">
    <div class="column"><input class="inputQty" id="quantity0" /></div>
    <div class="column"><input class="someOther" id="Other0" /></div>
    <div class="column">
        <div class="cSelect">
            <select id="currency0"><option>£</option></select>
            <input class="price" id="price0" />
        </div>
    </div>
</div>

var otherInput = $(this).closest('.row').find('.inputQty');

행 수준까지 올라간 다음 다시 .inputQty.


closest() 부모님 만 찾는데, 네가 정말 원하는 건 .find()

$(this).closest('.row').children('.column').find('.inputQty').val();

요소 .column부모를 this가져오고 이전 형제를 가져온 다음 여기에서 입력을 찾습니다.

$(this).closest(".column").prev().find("input:first").val();

데모 : http://jsfiddle.net/aWhtP/


시도해 볼 수 있습니다.

$(this).closest(".column").prev().find(".inputQty").val();

참고 URL : https://stackoverflow.com/questions/11756529/jquery-find-nearest-matching-element

반응형