[英]Adding an input box and button into an existing page with javascript bookmarklet
[英]Bookmarklet not finding input box
我制作了一个书签,应该突出显示网页上的密码和用户名框。 它找到了密码框,似乎找到了它之前的文本框,但随后它停止工作。 这是我的代码:
<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
不是该元素的属性/方法。
参考文献:
.eq()
: http : .eq()
.get()
: http : //api.jquery.com/get/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.