Javascript Jquery在父级外部查找id或表单

如何在父id之外找到id或表单

例如：

<ul>
    <li>
        <a></a>
    </li>
</ul>
<div>
    <div>
        <div>
            <div>
                <form></form>
            </div>
        </div>
    </div>
</div>

当我单击a href时，如何使用jQuery获取表单信息？

---

或者，这只有在我给表单一个类或id时才可能实现吗？

您可以使用jQuery

.closest

以下是一个例子：

$('.btn').click(function(){

  var formParent = $(this).closest('form');
});

---

您可以使用jQuery

.closest

以下是一个例子：

$('.btn').click(function(){

  var formParent = $(this).closest('form');
});

---

点击

a

可以获得

表单

参考，如下所示

$('a').click(function(e) {
    e.preventDefault();
    var form = $(this).closest('ul').next('div').find('form');
})

---

点击

a

可以获得

表单

参考，如下所示

$('a').click(function(e) {
    e.preventDefault();
    var form = $(this).closest('ul').next('div').find('form');
})

---

我建议您为整个代码段准备一个包装器

<div id="wrapper">
<ul>
    <li>
        <a class="link"></a>
    </li>
</ul>
<div>
    <div>
        <div>
            <div>
                <form></form>
            </div>
        </div>
    </div>
</div>
</div>

---

我建议您为整个代码段准备一个包装器

<div id="wrapper">
<ul>
    <li>
        <a class="link"></a>
    </li>
</ul>
<div>
    <div>
        <div>
            <div>
                <form></form>
            </div>
        </div>
    </div>
</div>
</div>

描述：获取匹配元素集中每个元素的同级，可选地通过选择器进行筛选

注:

假设ul有一个兄弟div

描述：获取匹配元素集中每个元素的同级，可选地通过选择器进行筛选

注:

---

假设ul有一个同级div

使用find遍历它

发现


格式文本
$（文档）.ready（函数（）{
$（“#查找”）。单击（函数（）{
$（“body”）.find（“form”）.css（{“color”：“red”，“border”：“2px solid red”}）；
});
});

使用find遍历它

发现


格式文本
$（文档）.ready（函数（）{
$（“#查找”）。单击（函数（）{
$（“body”）.find（“form”）.css（{“color”：“red”，“border”：“2px solid red”}）；
});
});

您想提交此表格吗？什么意思？只要表单位于父级或子级的内部或外部，jQuery就可以获取文档中的任何内容。是否要提交此表单？这是什么意思？只要表单位于父级或子级的内部或外部，jQuery就能够获取文档中的任何内容。这将减少DOM遍历步骤。这将减少DOM遍历步骤。