JQuery: $ (this) .parent(). $ ("# SOME_ELEMENT'S_ID_THATS_INSIDE_THE_PARENT")?

Question

Я пытаюсь использовать div как кнопку отправки для html-формы, потому что мне не нравится, как выглядит кнопка по умолчанию. Проблема в том, что у меня есть несколько одинаковых форм и div-кнопок на моей странице (они добавлены с jquery), поэтому у них нет уникального идентификатора. Когда у меня на моей странице больше одной формы, соответствующая div-кнопка представляет первую форму.

Каждая кнопка и форма расположены в контейнере большего размера. Можно ли сделать что-то вроде:

$(".div_btn").click(function() { 
    $(this).parent().$(".my_form").$("#my_submit").trigger("click") 
}); 

где .div_btn является ДИВ я использую в качестве кнопки, .my_form класса формы, и #my_submit является идентификатором кнопки отправки этой формы.

Answer 1

Все идентификаторы должны быть уникальными. Создайте уникальные идентификаторы для форм. Затем используйте:

$("#uniqueFormId").submit(); 

Что касается создания уникальных идентификаторов, быстрый пример:

В HTML:

<button id="formAdder">Add Form</button> 
<div id="formHolder"> 
</div> 

JQuery:

$(document).ready(function() { 
    $("#formAdder").click(function() { 
    var formNum = $("form").length; 
    $("#formHolder").append("<form id='uniqueForm" + formNum + "'>Form Id is uniqueForm" +formNum+"</form>"); 
    }); 
}); 

В Fiddle.

Answer 2

Ответ на ваш вопрос не достигнет того, что вы хотите сделать, поскольку запуск клика по отправке (по javascript) не отправит форму. Это, однако, будет, если вы DOM является то, что я думаю, что это:

$(".div_btn").click(function() { 
    $(this).closest('form').submit(); 
}); 

Answer 3

Try:

$('.div_btn').click(function() { 
    $(this).parent().find('#my_submit').trigger('click'); 
});