javascript - 如何在 div html 属性上设置过滤器

Question

我有一些 div 和一个按钮。 Div 具有 zozo [j] 属性。

当我点击按钮时，我希望设置它们的 id，但不是所有 div，只是那些具有 j > k 的 div。事实上我想使用过滤器。

<div zozo="sim [0]"></div>
<div zozo="sim [1]"></div>
<div zozo="sim [2]"></div>
   .
   . // and some div else 
   . 
var k = 1;

我知道下面的代码是错误的，但我想要这样的东西:

$("div [zozo='sim ["+ > = k + "]' ]").attr('id' , k+1);

Answer 1

我认为你正在尝试做:

$("div[zozo^=sim]" ).attr('id' , function(i){ //Use attribute startswith seletor
    //return i+1; //return index + 1 as  the id
     return +$(this).attr('zozo').match(/(\d+)/).pop() + 1;
});

或者只是为所有这些元素设置一个公共(public)类名并使用类选择器

$("div.myClass" ).attr('id' , function(i){ //Use attribute startswith seletor
   return i+1; //return index + 1 as  the id
});

另请记住，zozo 不是有效的属性，在其前面加上 data-* 会更合适。

<强> Demo