gpt4 book ai didi

javascript - jquery中find和closest的区别

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:40:45 25 4
gpt4 key购买 nike

我想了解 jquery 中 find() 和 closest() 之间的区别。以下是我使用 jquery 的简单代码。 *这只是一个虚拟表格。我只是想了解它们之间的区别。所以不要想我要用这个简单的表格做什么。 *

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function myFunction(){
var form = $("div#d1").find("form").attr("action");
var form1 = $("div#d1").closest("form").attr("action");
alert(form+form1);
}
</script>
</head>
<body>
<div id="d1">
<p id="p1">Click on this paragraph.</p>
<p id="p2">Click on this paragraph.</p>
<form id="f1" action="aaa">
<input type="text" value="submit">
</form>
<form id="f2" action="bbbbb">
<input type="text" value="submit">
</form>
<form id="f3" action="ccb">
<input type="text" value="submit">
</form>
<input type="submit" value="submit" onclick="myFunction()">
</div>
</body>
</html>

当我点击提交按钮时,var form1 值显示为未定义。谁能告诉我为什么它显示为未定义?还有当我应该使用 closest() 和 find() 时。

最佳答案

closest() 是上树,进入父级,包括当前元素。 find() 沿着树向下寻找 child ,以及 child 的 child :

var form1 = $("input").closest("form").attr("action");

关于javascript - jquery中find和closest的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44287626/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com