jQuery 상위 양식 찾기

jQuery 상위 양식 찾기

나는 이 html을 가지고 있습니다.

<ul>
    <li><form action="#" name="formName"></li>
    <li><input type="text" name="someName" /></li>
    <li><input type="text" name="someOtherName" /></li>
    <li><input type="submit" name="submitButton" value="send"></li>
    <li></form></li>
</ul>

다음과 같은 양식을 선택하려면 어떻게 해야 합니다.input[name="submitButton"]의 일부입니까? (제출 버튼을 클릭하면 양식을 선택하고 그 안에 일부 필드를 추가합니다.)

가장 가까운 일치하는 부모 요소를 선택하는 를 사용할 것을 제안합니다.

$('input[name="submitButton"]').closest("form");

이름으로 필터링하는 대신 다음 작업을 수행합니다.

$('input[type=submit]').closest("form");

모든 입력에 존재하는 양식 참조를 사용할 수 있습니다. 이것은 다음보다 훨씬 빠릅니다..closest()(Chrome과 IE8에서는 5-10배 더 빠릅니다.)IE6 및 7에서도 작동합니다.

var input = $('input[type=submit]');
var form = input.length > 0 ? $(input[0].form) : $();

제가 보기에는 이것이 가장 간단해 보입니다.

$('form input[type=submit]').click(function() { // attach the listener to your button
   var yourWantedObjectIsHere = $(this.form);   // use the native JS object with `this`
});

HTML5 브라우저를 사용할 수 있습니다.inputElement.form- 속성의 값은 a의 id여야 합니다.<form>동일한 문서의 요소입니다.MDN에 대한 자세한 정보.

참고 항목 jquery/js -- 어떤 제출 단추를 클릭했는지 기준으로 상위 양식을 선택하려면 어떻게 해야 합니까?

$('form#myform1').submit(function(e){
     e.preventDefault(); //Prevent the normal submission action
     var form = this;
     // ... Handle form submission
});

언급URL : https://stackoverflow.com/questions/1621714/jquery-find-parent-form