第一个孩子调用提醒表单的直接孩子的 id,即 ul 的 id:“mainId”。据我了解,这是子项的预期行为,但第二次调用订阅了两个不是表单直接子项的复选框的更改事件。怎么来的?
<!DOCTYPE html>
<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js'></script>
<script>
$(function()
{
$('.triggers').children().each(function(){
alert($(this).attr("id"));
});
$(".triggers").children().change(function(e){
alert(e.target.name)
});
})
</script>
</head>
<body>
<form class="triggers" action="/askOrtal">
<ul id="mainId">
<li><input type="checkbox" name="theCheckbox1"></li>
<li><input type="checkbox" name="theCheckbox2"></li>
<li><input type="submit" value="ClickMe"></li>
<ul>
</form>
</body>
</html>