如何在jquery中减少这些行？

在jquery中，我有许多下面的行，格式如下。我想减少我的线路数量。有什么建议吗

//jquery
     $(function() { 
    $( "#draggable1" ).draggable({ revert: true, containment : '#removeme1', axis : 'x'});
    $( "#draggable2" ).draggable({ revert: true, containment : '#removeme2', axis : 'x'});  
    $( "#draggable3" ).draggable({ revert: true, containment : '#removeme3', axis : 'x' });     
    $( "#draggable4" ).draggable({ revert: true, containment : '#removeme4', axis : 'x' });     
    $( "#draggable5" ).draggable({ revert: true, containment : '#removeme5', axis : 'x' }); 
    $( "#draggable6" ).draggable({ revert: true, containment : '#removeme6', axis : 'x' });     
    $( "#draggable7" ).draggable({ revert: true, containment : '#removeme7', axis : 'x' });

                       });

一个简单的for循环

$(function () {
    for (var i = 1; i <= 7; i++) {
        $("#draggable" + i).draggable({
            revert: true,
            containment: '#removeme' + i,
            axis: 'x'
        });
    }
});

$（函数（）{
for（var i=1；i一个简单的for循环

$(function () {
    for (var i = 1; i <= 7; i++) {
        $("#draggable" + i).draggable({
            revert: true,
            containment: '#removeme' + i,
            axis: 'x'
        });
    }
});

$（函数（）{
对于（var i=1；i只需添加一个类，
draggable
，并根据标记将包含元素设置为父元素或将包含元素作为属性存储在draggable元素上

$( ".draggable" ).draggable({ revert: true, containment : 'parent', axis : 'x'});

如果容器不是父容器：

$( ".draggable" ).each(function(){
    $(this).draggable({ revert: true,
                     containment : $(this).data("container"),
                     axis : 'x'
                   });
});

// with the following HTML markup:

<div class="draggable" data-container="#removeme1"></div>

$（“.draggable”）。每个（函数（）{
$（this）.draggable（{revert:true，
容器：$（this）.data（“容器”），
轴：“x”
});
});
//使用以下HTML标记：
只需添加一个类，
draggable
，并根据标记将包含元素设置为父元素或将包含元素存储为draggable元素的属性

$( ".draggable" ).draggable({ revert: true, containment : 'parent', axis : 'x'});

如果容器不是父容器：

$( ".draggable" ).each(function(){
    $(this).draggable({ revert: true,
                     containment : $(this).data("container"),
                     axis : 'x'
                   });
});

// with the following HTML markup:

<div class="draggable" data-container="#removeme1"></div>

$（“.draggable”）。每个（函数（）{
$（this）.draggable（{revert:true，
容器：$（this）.data（“容器”），
轴：“x”
});
});
//使用以下HTML标记：
这是一个灵活的解决方案，可以处理任意数量的拖拽

$(function () {
    $("div[id^='draggable']").each(function (index) {
        $(this).draggable({
            revert: true,
            containment: $(this).attr('id').val().replace('draggable', 'removeme'),
            axis: 'x'
        });
    });    
});

这是一个灵活的解决方案，可以处理任意数量的拖拽

$(function () {
    $("div[id^='draggable']").each(function (index) {
        $(this).draggable({
            revert: true,
            containment: $(this).attr('id').val().replace('draggable', 'removeme'),
            axis: 'x'
        });
    });    
});

您可以共享相关的html示例吗？是
draggable7
的
removeme7
元素父元素吗？您可以共享相关的html示例吗？是
draggable7
的
removeme7
元素父元素吗？两条简短的注释：1）
[id^='draggable']
具有可怕的性能，更重要的是2）谁能保证这些元素的顺序与它们的ID相同？@Christoph-1）定义“可怕的性能”（带有证明/引用）。显然，常识告诉我们，“以开头”选择器的速度会比其他选择器慢，但我自己使用这个选择器时还没有经历过“可怕的”2）很好的观点，修正了。好吧，这是常识不会告诉你的。但是如果你想证明的话，比较一个类选择器怎么会不是更准确呢（因为这是你使用的）？只慢了12倍：）但关键是！这只是一个一般性的说法，那些属性选择器应该小心使用。我并没有直接将它与任何其他选择器进行比较。但你当然是对的，ID选择器速度最快，属性选择器速度最慢，类介于两者之间。无论如何，请更新答案正常工作+1.干杯；）两条简短的评论：1）
[id^='draggable']
有可怕的性能，更重要的是2）谁保证元素的顺序与它们的id相同？@Christoph-1）定义“可怕的性能”（带证明/引用）。显然，常识告诉我们“开始于”选择器的速度会比其他选择器慢，但我还没有在自己的使用中体验过这种选择器的“可怕”2）非常好的一点，修正了。好吧，这是常识无法告诉你的。但是如果你想证明的话，如何比较类选择器才不是更准确的呢（因为你使用的是这种选择器）？只慢了12倍：）但关键是！这只是一个一般性的说法，那些属性选择器应该小心使用。我并没有直接将它与任何其他选择器进行比较。但你当然是对的，ID选择器速度最快，属性选择器速度最慢，类介于两者之间。无论如何，请更新答案正常工作+1.干杯；）