jquery - 選擇唯一ID

Question

我是jquery的新手

我用PHP生成了html div並給每個人一個唯一的id

<div id=div1>text</div>
<div id=div2>text</div>
<div id=div3>text</div>
...

問題是，我如何用jquery選擇特定的div？ 通常我使用此代碼來選擇元素

$('#id')

但我必須制作很多選擇器，因為每個id都是唯一的。 最近我用了這樣的東西

<div ... onclick=getElem(id)></div>

function getElem(id){
     var elem=$('#div'+id);
} 

使用onclick好嗎？

Answer 1

將一個類添加到div組

<div id="div1" class="someClass">text</div>
<div id="div2" class="someClass">text</div>
<div id="div3" class="someClass">text</div>
...

然后在javascript中：

$('.someClass').click( function(event) {
    var ele = $(this);
    // ele is the element you clicked on
});

Answer 2

我不知道你的真實用例是什么，但你不應該需要ID。 提供您想要處理類的點擊次數的所有元素：

<div class="some-group"></div>
<div class="some-group"></div>
<div class="some-group"></div>

然后只需查看該群組的點擊次數：

$('.some-group').click(function(){
// do something with $(this).attr('id');
});

Answer 3

在div元素中添加一個類：

<div id="div1" class="myDivClass">text</div>
<div id="div2" class="myDivClass">text</div>
<div id="div3" class="myDivClass">text</div>

然后，如果需要分別對每個項目進行操作，則可以迭代每個元素

$('.myDivClass').each(function(){
   // Process each item found that use the myDivClass 
   $(this).text("set a new text");
});

或者您可以一次操作所有元素

$('.myDivClass').text("set text on all elements");

這意味着您可以使用以下命令設置單擊回調：

$('.myDivClass').click(function(){
  // Your click handler for ALL elements with myDivClass

});

或分別對每個項目，允許包括一些額外的處理

$('.myDivClass').each(function(){
   // Here u could do some checks
   var id = $(this).attr('id'); // or $(this).prop('id') // depends on jquery version

   if(id !== "div1"){
      $(this).click(function(){
        // Click handler for each item
      });
   }
});