获取ID并将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'); 
    }); 
}); 

从本质上讲，我想实现的是对jQuery脚本抢“.prj_thumb的ID '并将其传递到.load函数中URL的最后部分。

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>