jquery - 如何选择jQuery中的所有ID？

描述：我有很多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的classs值。所以只有
第一个div正在翻转。
我想这可以用循环来完成。如何使用它。

最佳答案

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();
    });
});

关于jquery - 如何选择jQuery中的所有ID？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18685256/