Question

我有几个带有class =“big_square”的盒子它们都具有ID，这些ID是由对Oracle DB的一些Java调用动态生成的基于哪个被点击，我想获得特定的元素ID并将其作为变量返回给下一个调用

这是HTML：

<DIV style="DISPLAY: block" id=big_square_container>
<DIV id="2" class=big_square></DIV>
<DIV id="3" class=big_square></DIV>
<DIV id="4" class=big_square></DIV>
<DIV id="5" class=big_square></DIV>
<DIV id="6" class=big_square></DIV></DIV>
</DIV>

和我试图找到ID的jquery：

$(".big_square").click(function(){
    $(".big_square").animate({opacity: .4}, 'fast', 'linear', function() {
      }); 
    $(this).animate({opacity: 1}, 'fast', 'linear', function() {
      }); 
   var x = $(this).getElementbyID();
    console.log(x);
    response.setAttribute("x",x);
});

我猜这个程序在我引用一个类时不知道“这个”是什么，但它仍然应该做一些事情，比如在每个.big_square上执行内部代码，似乎什么都没发生。任何帮助表示赞赏。

Answer 1

听起来你只是想找到点击回调中点击的值的id。如果是这样，请使用以下内容。

var id = $(this).attr('id');

修改

有几个人已经注意到你也可以在这里完全避免使用jQuery并执行以下更高效的操作

var id = this.id;

Answer 2

document.getElementById用于检索具有给定id的DOM元素;如果没有匹配的元素，它会返回null。

为了获取被点击元素的ID，您可以使用$(this).attr("id");，或者更简洁，jQuery独占this.id。

使用单击的类查找div的ID

2 个答案: