IDを取得してjQueryスクリプトに渡す

Question

ページコンテンツを変更するスクリプトをforeach配列内に書きたいと思っています。私は、このHTMLがあります。

<div id="bigleftproject"> 

    <p>content which will be swapped</p> 

</div> 


<!-- thumbnails (foreach array --> 
<div class="prj_thumb" id="thumb1"> 
    <h2 class="active">project 1</h2> 
    <img src="../img/thumbnail1.png" alt="thumbnail" width="100" height="50" /> 
</div> 

<div class="prj_thumb" id="thumb2"> 
    <h2 class="active">project 2</h2> 
    <img src="../img/thumbnail2.png" alt="thumbnail" width="100" height="50" /> 
</div> 

<div class="prj_thumb" id="thumb3"> 
    <h2 class="active">project 3</h2> 
    <img src="../img/thumbnail3.png" alt="thumbnail" width="100" height="50" /> 
</div> 
<!-- end --> 

をし、私は私のjQueryのスクリプトの始まりを持っている：

基本的に

$(document).ready(function(){ 
    $('.prj_thumb').click(function() { 
     $('#bigleftproject').load('http://www.mysite.com/projects/small/thumb1'); 
    }); 
}); 

、私は何を達成しようとしていること.prj_thumb「のIDをつかむためにjQueryのスクリプトです'をURLの最後の部分に.load関数で渡します。

Answer 1

これはあなたが探しているものですか？

$(document).ready(function(){ 
    $('.prj_thumb').click(function() { 
     $('#bigleftproject').load('http://www.mysite.com/projects/small/' + this.id); 
    }); 
}); 

Answer 2

Styleクラス -

.btn { 

} 

のJavascript（jQueryの） -

jQuery(document).ready(function() { 
    jQuery(".btn").each(function(index, element) { 
     alert(this.id); 
    }); 
}); 

HTML -

<div class="btn" id="btn1"></div> 
<div class="btn" id="btn2"></div> 
<div class="btn" id="btn3"></div>