Jquery - 按 ID 选择项目不起作用

Jquery - Selecting a item by ID not working

本文关键字：项目 不起作用 选择 ID Jquery      更新时间：2023-09-26

我正在做一个离子（角度）应用程序，我的一个模板的头部有以下简单的代码：

<script>
$(document).ready(function(){
    alert($('#amountID').attr('id'));
});
</script>
</head>
...
<label class="aquitext item item-input" id="amountID">

我曾经有传统的javascript onclick（"blablabla"），它在一定程度上工作，但我决定将其转移到jquery，现在我被困住了，我不得不删除并简化它到这一点。我已经尝试了多种排列，包括使用 angular 的 .element 但我不断在警报中得到"未定义"。 我做错了什么？

（不，我在控制台上没有收到任何错误）

编辑：似乎这可能与我后来有一个离子滑块有关，以为我对如何规避它一无所知。现在，我删除了滑块框。似乎已经"修复"了它。

完整的结构是，在脚本之后（我修剪了一些东西）：

</script>
</head>
<body>
   <ion-view>
    <ion-content>                          
        <ion-slide-box>
            <ion-slide> 
            </ion-slide>
            <ion-slide>             
                                <div class="subtitle">blabla</div>
                                <form name="newaquisition">
                                    <label class="aquitext item item-input" id="amountID">
                                        <input ng-model='newaquisubmission.amount' type='number' placeholder='aquisition value' required>
                                    </label>

                                </form>
            </ion-slide>
        </ion-slide-box>
</ion-view>

</ion-content>

</body>
</html>

标签是在你的HTML中，还是这个模板的一部分，并通过角度添加到DOM中？

如果在控制台中运行 JS，它是否有效？那么这很可能是一个时间问题。 $(document).ready似乎很早。

尝试在角度控制器中$scope.init

你的代码似乎没有任何问题;它应该有效。

尽管如此，请尝试在函数中创建一个变量，然后将该变量用作警报值。例如

    var x = $('#amountID').attr('id');
    alert(x);

如果这不起作用。代码中的其他地方可能有错误。

您是否引用过 jQuery 库（<script src="jquery-2.1.4.min.js"></script>）？

看来你没有推送jquery源代码，这段代码是正确的：

<html>
<head>
    <title>Test</title>
    <script type="text/javascript" src="jquery-1.10.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            alert($('#amountID').attr('id'));
        });
    </script>
</head>
<body>
<label class="aquitext item item-input" id="amountID">
</body>
</html>
相关文章：