javascript - JQuery addclass 和 Remove class 适用于每个变量不起作用

Question

在我的页面中，我使用jquery addclass 和remove class 功能来为所选图像添加边框。但图像在 for 循环内。所以它对我不起作用，我尝试了各种编码。但我没有得到预期的结果。我使用的编码

for 循环中的四个图像列表

<div id="containerborder">
        <?php foreach ($images as $image) { ?>

        <a href="javascript:;" title="<?php echo $heading_title; ?>" class="colorboxs" rel="<?php echo $image['popup'];?>"onclick="document.getElementById('image').src=this.rel"> <img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="<?php echo $image['popup']; ?>" onclick="swapborder(this.id);"/>
        </a>
        <?php } ?>

JQuery函数

<script>
 $(function() { 
 $('#contianer a').click(function() { return swapborder(this); }); 
 }); 
 // 
 function swapborder(clickObject) {
 var currentId=clickObject; 
 alert(currentId);
 $('#containerborder a').each(function() { 
 if ($(this).attr('id')==currentId) { 
 $(this).addClass('active-class'); 
 } 
else { $(this).removeClass('active-class'); } 
 }); 
 return false; 
 } 
 </script>

它显示警报中的 ID。但之后 $('#containerborder a').each(function() { 不起作用，图像的边框不适用。任何人都可以帮我解决这个问题。谢谢提前

Answer 1

您的意思是编写var currentId = $(clickObject).attr('id')

但是这样做会更容易:

function swapBorder(elem) {
    $("#containerborder a").removeClass('active-class');
    $(elem).addClass('active-class');
}