javascript - Jquery选择器无法识别

Question

代码:

<script src="../jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function hello()
{
    $('#hello'+1).hide();
}
</script>
<?php
$d=1;
$str="<input onclick='hello()' type='text' id='hello".$d."' />";
echo $str;
?>

在上面的代码中，文本框应该消失，但事实并非如此，为什么？是我的id选择器错误吗？控制台说:- $ 未定义，所以我尝试了用于 jquery 的 google cdn，它有效，非常感谢大家。

Answer 1

既然你说你的 id 可以在任何 "hello"+ N 中更改，我建议在 jQuery 中使用 startsWith CSS 选择器:

$(document).on('click', 'input[id^="hello"]', function(e) {
    $(this).hide();
});