jquery - 循环遍历具有给定类和名称的 div

Question

我的页面中有多个 div:

<div imageId='image5' name='5' class='speechBubble'>
<div imageId='image5' name='5' class='speechBubble'>
<div imageId='image6' name='6' class='speechBubble'>
...

使用 jquery，我想为给定的 userId 循环这些 div。我需要说具有类“speechBubble”且名称为 n (5,6) 的循环 div

谢谢

Answer 1

您可以使用.filter()和 .each()功能:

$('.speechBubble').filter(function() {
    return this.name.match(/^[56]{1}$/);
}).each(function(index, element) {
    // TODO: do something with the element
    // for example get the imageId attribute
    var imageId = $(element).attr('imageId');
});

如果您想匹配 userId 变量，则不需要过滤功能。你可以这样做:

$('.speechBubble[name=' + userId + ']').each(function(index, element) {
    // TODO: do something with the element
    // for example get the imageId attribute
    var imageId = $(element).attr('imageId');
});