ссылаться на форму внутри селектора в jquery

Question

если у меня есть этот код в jquery:

var parentDiv = $(this).parent('.copyInstance');

внутри этого div есть форма.

как мне ссылаться на элемент формы внутри этого селектора? я хочу что-то вроде этого

  $.post($(parentDiv + " Form").attr('action'), $(parentDiv + " Form").serialize(),  function(data) {
    });

но это выше не похоже на

Answer 1

Для ссылки на дочерний элемент вы можете использовать .find () , например:

$.post(parentDiv.find('form').attr('action'), 
       parentDiv.find('form').serialize(),
    function(data) {
    });

В зависимости от того, как он структурирован, вы можете также использовать .children () , например:

parentDiv.children('form')

Answer 2

У вас есть 3 варианта для этого селектора:

parentDiv.find('form') //finds any form at any level deep inside
parentDiv.children('form') //finds forms that are immediate children
$("form", parentDiv) //really calls .find() but easier on the eyes maybe?

Подробнее о .find(), .children() и jQuery(selector, context).