jquery select class 但不是 id

Question

当我通过 id 选择元素时，这对我来说很奇怪； jquery 代码不起作用，但当我通过 classname 选择它时，效果很好！

此代码：

<input name='daneshjou_number' class='daneshjou_number'  type='text'  >

此代码有效：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script>
$(document).ready(function(){
    $(".is_daneshjou").change(function(){
        //alert("The text has been changed.");
        $(".daneshjou_number").prop('readonly', true);
    });
});
    </script>

但此代码不起作用：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".is_daneshjou").change(function(){
        //alert("The text has been changed.");
        $("#daneshjou_number").prop('readonly', true);
    });
});
</script>

Answer 1

您没有元素的 ID，您有名称和 class

<input id='daneshjou_number' name='daneshjou_number' class='daneshjou_number'  type='text'  >

Answer 2

没有 id 元素。

<input id='daneshjou_number' name='daneshjou_number' class='daneshjou_number'  type='text' />

Answer 3

in jQuery .用于识别ids的类和#。您需要在 HTML 代码中有一个名为 id 的属性。

    <input id='daneshjou_number' class='daneshjou_number' type='text'  >

Answer 4

你应该提供你的 input id :

<input id='daneshjou_number' name='daneshjou_number' class='daneshjou_number'  type='text' />

在您的 jquery 代码中您的调用 #daneshjou_number 但没有任何元素具有此特定 ID 与您的代码

jquery select class 但不是 id

jquery select class but not id

jquery

jquery-selectors

prop