gpt4 book ai didi

jquery - 如何使用 JQuery 中的 PREV 函数访问 SPAN 元素?

转载 作者:行者123 更新时间:2023-11-28 04:15:13 24 4
gpt4 key购买 nike

当一个按钮被点击时,它需要在它出现之前查找并找到一个特定的 span 标签。不幸的是,它要么没有找到标签,要么没有改变它的内容。

这是无效的代码。

$(this).prev("span[id*=CommentText]").hide();

我可以在加载事件期间设置颜色,但是当单击链接时它不会进行任何更改。

这只在加载阶段有效:

$("span[id*=CommentText]").css("background-Color", "red");

编辑:

<html>
<head>
<script src="../Scripts/jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
<script src="../Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script src="../Scripts/jquery.color.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("textarea[id*=Comments]").hide().css("background-Color", "white");
$("span[id*=CommentText]").css("background-Color", "red");
$("a[id*=CommentLink]").click(LoadComments).css("background-Color", "white");
});
function LoadComments() {
$(this).prev("textarea[id*=Comments]").animate({ backgroundColor: 'yellow' }, 500).show().focus();
$(this).prev("span[id*=CommentText]").css("background-Color", "white");
$(this).fadeOut();
}
</script>
</head>
<body>
<span id="Q37CommentText">comments here</span>
<textarea name="Q37Comments" rows="1" cols="50" id="Q37Comments">comments here</textarea>
<a id="Q37CommentLink">Add/Edit Comment</a>

<span id="Q40CommentText">Comment 2</span>
<textarea name="Q40Comments" rows="1" cols="50" id="Q40Comments">Comment 2</textarea>
<a id="Q40CommentLink">Add/Edit Comment</a>
</body>
</html>

最佳答案

如果您的标记结构始终相同,我倾向于保持简单并使用

$(this).prev().prev() ...

其他替代方法是使用 prevAll()

$(this).prevAll('span:first'); // may or may not need the attribute filter depending
// on if there are more <span> elements as siblings

导航到父级,然后调用 find()

$(this).parent().find('span[id*=CommentText]');

旁注:

仅查看您的标记,使用 CSS 类而不是 id 和属性过滤器可能更容易根据以 x 开头、结尾或包含的 id 选择元素。它可能在所有/几乎所有浏览器中都更快(特别是那些实现了 document.getElementsByClassName(classNames)Selectors API 的浏览器)

关于jquery - 如何使用 JQuery 中的 PREV 函数访问 SPAN 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1996723/

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