如何在另一个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

使用包含提交按钮的任何容器ID定位提交按钮。

#form_fm input[type="submit"]