gpt4 book ai didi

javascript - 小书签找不到输入框

转载 作者:行者123 更新时间:2023-12-02 18:44:12 25 4
gpt4 key购买 nike

我制作了一个书签,它应该突出显示网页上的密码和用户名框。它找到了密码框,并且似乎找到了它前面的文本框,但随后它停止工作。这是我的代码:

<html>
<head>
</head>
<body>
<a href="javascript:var boxes= $(':text, :password');var selectionBox = $(':password'); selectionBox.css('background','red');for(var i = 0; i < boxes.length;i++){alert('loop');if(boxes[i] == selectionBox[0]){alert('Username box found');boxes[i-1].css('background','blue');alert('Success!');}}">Password box highlighter</a>
</body>

我收到一个警告框,多次显示“循环”,然后“找到用户名框”,但随后它在下一行停止工作,并且没有“成功!”警报框。有人知道我做错了什么吗?谢谢。

编辑:这是展开的代码:

var boxes= $(':text, :password');
var selectionBox = $(':password');
selectionBox.css('background','red');
for(var i = 0; i < boxes.length;i++){
alert('loop');
if(boxes[i] == selectionBox[0]){
alert('Username box found');
boxes[i-1].css('background','blue');
alert('Success!');
}
}

最佳答案

您正在使用 boxes[i-1] (与使用 .get(i-1) 相同)从 jQuery 获取 DOM 元素收藏。尝试使用 .eq():

boxes.eq(i-1).css('background','blue');

演示: http://jsfiddle.net/HsDCs/3/

如果您检查浏览器的控制台,您会发现它提示 css 不是该元素的属性/方法。

引用文献:

关于javascript - 小书签找不到输入框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16570907/

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