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

問題は、ロードされていないことだと確信しています。jQueryこれは正常に動作するため、jquery パスを次のように変更します。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

デモはこちら

Answer 2

ID は任意で変更できるとおっしゃっていたので、jQuery でstartsWith CSS セレクター"hello" + Nを使用することをお勧めします。

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