我有一组输入:
<input type="text" id="Class3Row0" name="Class3" class="Row0" value="0" onkeypress="return isNumberKey(event)">
<input type="text" id="Class3Row1" name="Class3" class="Row1" value="0" onkeypress="return isNumberKey(event)">
<input type="text" id="Class3Row2" name="Class3" class="Row0" value="0" onkeypress="return isNumberKey(event)">
.......
可以看出,每一个都id
形成了模式"Class3RowNo"
。当我执行 jQuery 时:
$(function(){
$('input[id^="Class3"]').on('mouseover',function(){
alert("invoked!!");
});
});
鼠标在input
上面的第一个(即带有id="Class3Row0"
的那个)上出现警报。但是对于其他input
元素,虽然它们id
以"Class3"
.
编辑:
这里似乎值得一提的是,第一个input
元素之后的输入是按照简单的算法动态添加的:
- 克隆第一个输入,类更改为 Row1,Row2,Row3....
- 将他们的 id 字段重置为他们的 name+class