Question

我为学校项目制作了一个网络应用程序，并且我正在为我的＆＃34; .tile＆＃34;创建一个点击事件的功能。类。在tile类中，我有7个tile ID; ＆＃34;＃tile1＆＃34;，＆＃34;＃tile2＆＃34;我想做一个＆＃39; if＆＃39;检查点击的图块的ID的条件，例如if（ID ==＆＃34;＃tile2＆＃34;）{}。这样的事情是可能的，还是我需要为每个瓷砖制作功能？函数的其余部分很好我只需要if语句的帮助。对不起，如果这很容易，那我很新。

Answer 1

有可能。你可以这样做：

$('.tile').click(function(){
    var id = $(this).attr('id');
    if(id === 'tile2'){
       // do smthing
    } else if(id === 'tile3'){

    } ...
});

其中$（this）是被点击的元素

您还可以使用开关机箱在您的ID之间切换。请参阅文档https://www.w3schools.com/js/js_switch.asp

Answer 2

您可以在类.tile上附加点击事件监听器，然后点击＆＃34;点击＆＃34;通过$(this).attr('id')标记了该ID，请参阅以下内容：

＆＃13;

$(".tile").click(function(){
  let id = $(this).attr('id');
  console.log("Clicked on div: " + id);
  if(id === "tile3")
    console.log("Yes, it's the third");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>What's the third?</p>
<div id="tile1" class="tile">tile 1</div>
<div id="tile2" class="tile">tile 2</div>
<div id="tile3" class="tile">tile 3</div>
<div id="tile4" class="tile">tile 4</div>
<div id="tile5" class="tile">tile 5</div>

＆＃13;

我希望它可以帮助你，再见。

JavaScript：如果条件基于div ID

2 个答案: