jquery - jquery中如何选择所有id？

Question

描述:我有很多类名如下的 div:

<div class="flipbox1">,<div class="flipbox2">,
             <div class="flipbox3">,<div class="flipbox4"> 

等等

我用这个选择div:

$(document).ready(function(){
  var id=$('#img-txt a').attr('id').replace('flip','');
  $("#flip"+id).on("click",function(e){
        $(".flipbox"+id).flippy({
            color_target: "red",
            direction: "left",
            duration: "750",
            verso: "<span>Woohoo ! \\o/</span>",
         });
         e.preventDefault();
    });
});

需要的js是: http://blog.guilhemmarty.com/flippy/jquery.flippy.min.js

问题是 var id 只获取第一个 div 的类值。所以只有 第一个 div 正在翻转。

我认为这可以使用循环来完成。如何使用它。

Answer 1

var id=$('#img-txt a').attr('id').replace('flip','');

这不会为您提供所有 ID，您需要迭代每个元素以提取 ID，如下所示:

$( "#img-txt a" ).each(function( index ) {

var id=$(this).attr('id').replace('flip','');
$("#flip"+id).on("click",function(e){
        $(".flipbox"+id).flippy({
            color_target: "red",
            direction: "left",
            duration: "750",
            verso: "<span>Woohoo ! \\o/</span>",
         });
         e.preventDefault();
    });
});