javascript - 获取 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);
    });
});