我有一组输入:
<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