如何在具有多个 id 的 div 上获取 JavaScript 函数答案

【问题标题】：How to get JavaScript function on a div which has multiple ids如何在具有多个 id 的 div 上获取 JavaScript 函数
【发布时间】：2012-10-05 21:04:49
【问题描述】：

我正在 ASP.net 中实现一个讨论面板，我在其中将评论 ID 分配给 cmets。

我想在每个评论点击事件上调用 jQuery click 函数。我如何调用 click 函数，因为在评论 div 我正在分配 id 1,2,3.... 我不知道范围，所以我不能使用 $("#1 || #2").click()。

【问题讨论】：

获取div的look个数stackoverflow.com/a/10162596/1242357

标签： c# javascript jquery asp.net

【解决方案1】：

为每个评论 div 分配相同的类，然后执行 $(".commentdiv").click

这样的jQuery很棒。

如果需要知道后面被点击的元素的id，可以通过this.id获取。

$(".commentdiv").click(function() {
   alert(this.id);
});

【讨论】：

jQuery点击函数中如何获取div的id？
我如何知道点击了哪些 div 或 div 有哪个 id？

【解决方案2】：

在html中添加很多这样的div

<div id="div1" onclick="Myfun(this)">
<div id="div2" onclick="Myfun(this)">

在 JavaScript 中

function MyFun(currentDiv)
{
alert(currentDiv.id);
}

【讨论】：

【解决方案3】：

使用class selector

$(".panel").click(clickfunction);

function clickfunction()
{
    //do something
    id = $(this).attr('id');
    alert(id);
}

【讨论】：

【解决方案4】：

分配相同的类是答案，如果你想计算 div 的数量，那么试试这个

var top_level_div = document.getElementById('id_of_first_div');

var count = top_level_div.getElementsByTagName('div').length;

getElementsByTagName() 不仅是一种文档方法，而且可以在任何 DOM 元素上运行。

element.getElementsByTagName is similar to document.getElementsByTagName, except that its search is restricted to those elements which are descendants of the specified element

我找到了here

【讨论】：