javascript从按钮运行动态代码

Question

这是html代码测试

我是新手，并且在js文件中运行此代码，因此可以正常工作。 唯一的问题是我的JQUERY网站上的所有按钮都没有。 谁能帮我一个忙，告诉我如何使其仅针对某个人...

$(document).ready(function(){
    $("button").click(function(){
        $.getJSON("js/jobs.json", function(result){
           $.each(result, function(i, field){
                $("div").append(field + " ");
                            });
        });
    });
});

Answer 1

最简单的方法是将id属性添加到要定位的特定按钮。 然后，您将可以添加click事件，如下所示：

$('#buttonId').click(...)

Answer 2

您将必须先学习HTML。 例如，在这种情况下，您需要为此元素分配ID ATTRIBUTE

<button id ='myButton'>Test</button>

单击该按钮后，此代码将起作用。 但是您需要定位该确切按钮，请参见下面

$(document).ready(function(){
    $("#myButton").click(function(){
        $.getJSON("js/jobs.json", function(result){
           $.each(result, function(i, field){
                $("div").append(field + " ");
                            });
        });
    });
});

您也没有发布您的HTML代码，这对于编写此答案可能很有用。 您的JS代码（JQ）会将这个json结果附加到选择器（div）大小写的页面上的所有DIVS中。

Answer 3

始终使用类作为选择器。

将类添加到您的HTML。

<button class='js-test-button'>Test</button>

然后您更新JS代码。

$(".js-test-button").click(function(){
        $.getJSON("js/jobs.json", function(result){
           $.each(result, function(i, field){
                $("div").append(field + " ");
                            });
        });
    });

Answer 4

尝试这个 ：

 $(document).ready(function(){ $("#mybutton").click(function() { // your code comes here console.log("My button click"); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="button" id="mybutton" value="Submit"/>