我把问题放在这里了吗?还是真的有一个意外的标识符?Javascript/jQuery

我把问题放在这里了吗?还是真的有一个意外的标识符?Javascript/jQuery,javascript,jquery,html,Javascript,Jquery,Html,我正在制作一个简单的应用程序,可以在点击时增加每张图片下方的数量。我认为这是一个问题,或者我错过了一些愚蠢和明显的东西 这是我的HTML和JS HTML catpic_1和catpic_2是类,而不是id。请从”更改为“。”,如下所示 '.catpic_one' and '.catpic_two' 除了连接中的语法错误外,您还没有使用id声明任何元素。 您正在尝试使用id选择器访问。 $(“柜台一号”) 如果要使用#选择器,请将id属性置于“p”标记 按照其他答案中的建议更正连接 作为一种良

我正在制作一个简单的应用程序,可以在点击时增加每张图片下方的数量。我认为这是一个问题,或者我错过了一些愚蠢和明显的东西

这是我的HTML和JS

HTML


catpic_1和catpic_2是类,而不是id。请从
”更改为“。”
,如下所示

'.catpic_one' and '.catpic_two'

除了连接中的语法错误外,您还没有使用id声明任何元素。 您正在尝试使用id选择器访问。 $(“柜台一号”)

  • 如果要使用#选择器,请将id属性置于“p”标记
  • 按照其他答案中的建议更正连接
  • 作为一种良好的做法,始终包括所有图元的结束标记
  • 另外,这是javascript。不需要将元素转换为字符串
var clickcount_two=单击_two.toString()


您可以直接将变量连接到字符串中。

$(“#catpic_-two”)。在(“click”、“#counter_-two”
?您在这里期望什么?您没有正确连接字符串,并且您似乎误解了委托事件处理程序的使用,因为
\catpic-one
不是
\counter-one
的父级。
$(document).ready(function() {

var clicks_one = 0;
var clicks_two = 0;


    $('#catpic_one').on("click", "#counter_one", function() {
        clicks_one++
        var clickcount_one = clicks_one.toString();
            $('#counter_one').append("You clicked the cat #1" clickcount_one " times."); 
    }


    $('#catpic_two').on("click", "#counter_two", function() {
        clicks_two++
        var clickcount_two = clicks_two.toString();
            $('#counter_two').append("You clicked the cat #1" clickcount_two " times."); 
    }



});
'.catpic_one' and '.catpic_two'