在jquery中获取类属性

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发送。例如，当我点击第一个div时，我需要得到1，当我点击第二个时，我需要得到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-', '');
});