jqueryでクラスattrを取得する

Question

私はコンテンツで動的に生成されるいくつかのdivを持っています。私は、AJAXを経由して送信するためのparamとしてそれを必要とするので、私はdiv要素のidを選択するにはどうすればよい

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

：私はそうのようなのdivのクラスにコンテンツIDを追加します。例えばあなたは上のクリックした場所thisポイントDOM要素に私は

Answer 1

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

、あるいは簡単な

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

に第二などをクリックしたときに私が第一のdiv、3をクリックしたときに1を取得する必要がありますクリックハンドラの内部

//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-', ''); 
});