Question

我有一些使用内容动态生成的div。我将内容id添加到div的类中，如下所示：

<div class="div-1"></div>
<div class="div-3"></div>
<div class="div-6"></div>
<div class="div-8"></div>

如何为div选择id，因为我需要它作为通过ajax发送的参数。例如当我点击第1个div时，我需要获得1，当我点击第2个时需要3个等等

Answer 1

var id = $(this).attr('class').replace('div-', '');

甚至简单

var id = this.className.replace('div-', '');

this指向点击处理程序中单击的dom元素。

//Here instead of document it is better to specify a parent container of all divs
$(document).on('click', '[class^="div-"]', function(){
       var id = this.className.replace('div-', '');
});

Answer 2

试试这个，并记住为选择器更改"div"：

$(document).on("click", "div", function() {
    var class_elem = $(this).attr("class").split("-");
    var n = class_elem[1];  // This is your number
});

Answer 3

正确的jQuery语法是：

$("div").click( function() { 
    var id = $(this).attr('class').replace('div-', '');
});

在jquery中获取类attr

3 个答案: