gpt4 book ai didi

javascript - 无法使用 jquery next() 获取下一个 sibling

转载 作者:行者123 更新时间:2023-11-30 12:07:28 26 4
gpt4 key购买 nike

在这里我试图了解下一个工作原理。在这里我试图在单击跨度元素时显示隐藏的文本区域。隐藏的文本区域是跨度元素的下一个 sibling 。但似乎它不起作用.我收到以下错误:

ReferenceError: $ is not defined

<html>
<head>
<style>

.customcmntform{
display:none;
}

#customcomment{
color:blue;
cursor:pointer;
text-decoration:underline;
}

</style>
<script src='jquery/jquery.js'></script>
</head>
</body>
<div class='customcmntholder'></div>
<span id='customcomment' class='cmnt' onclick='letmecomment(event);'>Add a Comment...</span>
<form action='<?php echo $_SERVER['PHP_SELF']; ?>' method='post' name='cmntform'>
<textarea class='customcmntform' placeholder=' add a comment......' >
</textarea>
</form>
<script>

function letmecomment(event){
var cmnt=event.target;
var area=$(cmnt).next('.customcmntform');
$(area).show();
}

</script>
</body>
</html>

最佳答案

zami,请检查下面的代码,它可以正常工作。

   function letmecomment(event){
$(event.target).next('form').find('.customcmntform').show();
}

Next():-获取匹配元素集中每个元素的紧随其后的兄弟。如果提供了选择器,它只会检索与该选择器匹配的下一个兄弟。

关于javascript - 无法使用 jquery next() 获取下一个 sibling ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34772731/

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