javascript - 获取页面中的元素数

Question

假设您有 5 <divs>里面有东西，但都有一些内容。所以就像:

<div class='module-class' id='module-1'>Hello world. <button class='delete'>X</button></div>
<div class='module-class' id='module-2'>Testing <button class='delete'>X</button></div>
<div class='module-class' id='module-3'>This is text <button class='delete'>X</button></div>
<div class='module-class' id='module-4'>Moon and Sun <button class='delete'>X</button></div>

假设您在 <button> 中单击有 This is text .所以，很明显，它在页面中排在第 3 位。所以你会返回“Clicked on 'module-3'`

你会怎么做？

Answer 1

$('.module-class').click(function(e){
    console.log("Clicked on '" + $(this).attr('id') + "'");
});