拨打所有具有相同ID但该ID中包含不同号码的div

时间:2017-06-29 17:34:48

标签: jquery html

如何调用所有具有相同ID但总是添加到该ID的不同数字的div,让我们说

    <div id="divbox-1"></div>
    <div id="divbox-2"></div>
    <div id="divbox-3"></div>
    <div id="divbox-4"></div>

我希望通过单击按钮

来通过jQuery调用它们
    $('#customButton').on("click", function(){
        ...
    });

在此先感谢您的帮助,我很感激。

4 个答案:

答案 0 :(得分:4)

您可以使用starts with attribute selector[name^=”value”]):

选择它们
$( "[id^='divbox-']" )

答案 1 :(得分:3)

<div id="divbox-1" class="weee"></div>
<div id="divbox-2" class="weee"></div>
<div id="divbox-3" class="weee"></div>
<div id="divbox-4" class="weee"></div>

$('#customButton').on("click", function(){
   $('.weee').each(function(i, obj) {
//whatever you want
   });
});

答案 2 :(得分:3)

如上所述@ j08691,您可以使用带属性选择器的开头:

public void loadData() {
    Observable.zip(
            Observable.just(42),
            Observable.just(43),
            Observable.just(44),
            (integer, integer2, integer3) ->
                    Log.d(TAG, "zip method called")
    )
    .subscribe(); //you can also send 3 parameters optional parameters, onNext action, onError action and onComplete action.
}

但最好在div中使用相同的类名,然后根据此id获取被点击元素和进程的id:

$("id^='divbox-']").on("click", function(){
    ...
});

答案 3 :(得分:1)

$('[id^="divbox-"]').on('click', function () {

});