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를 스크립트의 시작이 '.prj_thumb의 ID를 잡기 위해 기본적으로

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

, 내가 무엇을 달성하려고하는 것은 jQuery를 스크립트입니다 '.load 함수에서 URL의 마지막 부분으로 전달합니다.

Answer 1

이게 당신이 찾고 있는게 있나요?

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

Answer 2

스타일 클래스 -

.btn { 

} 

자바 스크립트 (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>