Как выбрать кнопку отправки внутри другого div?

Question

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

<div id="container" class="f_forms with_f_style"> 
    <form id="form_fm" class="f-show-form" method="post"> 
    <h3>Short Registration</h3> 
    <div class="f_form_fields">feild here</div> 
    <p class="submit"> 
     <input type="submit" value="Submit" /> 
    </p> 
    </form> 
</div> 

Выше код формы. Вот код, который я попытался

#container.f_forms with_f_style .submit input[type="submit"] 

Но что когда-либо стиль Обращаюсь к этой кнопке не происходит. Поэтому я не выбираю его правильно. Любая помощь?

Answer 1

Вы просто еще один пробел и оставил селектор класса в with_f_style

#container.f_forms with_f_style .submit input[type="submit"] 

Использование:

#container.f_forms.with_f_style .submit input[type="submit"] 

Answer 2

Вы можете попробовать это

#container.f_forms.with_f_style .submit input[type="submit"] 

Если вы хотите, чтобы выбрать элемент с несколькими класса, а затем использовать как

$('.classA.classB') 

Answer 3

У вас есть опечатка в селекторе, попробуйте следующее:

#container.f_forms.with_f_style .submit input[type="submit"] 

Но проблема не может быть селектор. Если вы разделите то, что вы делаете, чтобы по стилю, мы можем это проверить.

Answer 4

Целевая кнопка отправки с использованием любого идентификатора контейнера, который содержит кнопку отправки.

#form_fm input[type="submit"]