时间戳

首页 > 解决方案 > 识别 Javascript 数组中的数字

javascript - 识别 Javascript 数组中的数字

问题描述

如何识别 div 数组中的特定元素。假设有一个数组有 5 个元素，从 1 到 5。这些元素 1 到 5 存储在 div 数组元素中。我的要求是，如果我单击数字 1，则该元素应突出显示。是否有任何函数可以识别是否选择了 div 数组元素中的数字？这个功能可以用 JavaScript 实现吗？

我尝试的是：

//结构创建一个div作为日期元素的数组

应用@Tinh提供的信息后我的代码： $('.calendar').click(function(event){ var input = $("#info1");

 document.getElementById("info1").innerHTML=document.getElementById("info1").innerHTML + event.target.innerText + ",";

});

其中“info1”是表示文本区域的 id，只要在日历中单击任何日期，就应在该文本区域中输入所有日期。

现在我的代码现在工作正常。谢谢大家！

标签： javascripthtmlcss

解决方案

演示在这里:)

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>

<div id="parent">
  <div>DIV NUMBER 1</div>
  <div>DIV NUMBER 2</div>
  <div>DIV NUMBER 3</div>
  <div>DIV NUMBER 4</div>
  <div>DIV NUMBER 5</div>
<div>

<script>
	$('#parent').click(function(event){
    event.stopPropagation();
    alert(event.target.innerText);
});
</script>

</body>
</html>

它需要 Jquery 才能运行。所以请记住将Jquery添加到您的 HTML 代码中。例如

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

或者没有 Jquery

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<div id="parent">
  <div onclick="click_element(this)">DIV NUMBER 1</div>
  <div onclick="click_element(this)">DIV NUMBER 2</div>
  <div onclick="click_element(this)">DIV NUMBER 3</div>
  <div onclick="click_element(this)">DIV NUMBER 4</div>
  <div onclick="click_element(this)">DIV NUMBER 5</div>
<div>

<script>
	function click_element(e){
    	alert(e.innerText);
    }
</script>

</body>
</html>

推荐阅读