jqueryでタグidを連番にしたい

Question

<div style="display:none;">
 <p id="0"></p>
</div>
<div>
 <p id="3"></p>
</div>
<div>
 <p id="5"></p>
</div>

となっており、スタイル要素の指定のあるdivを除いたpタグidを
3,5から0,1のように下記のように連番にしたいのですが

<div style="display:none;">
 <p id="0"></p>
</div>
<div>
 <p id="0"></p>
</div>
<div>
 <p id="1"></p>
</div>

jqueryの指定はどのようにすればいいのでしょうか？

Comments

[yambejp]

数字からはじまるidはつけてはいけません

Answer 1

やりたいことがいまいちピンときません。
HTMLの連番を修正してそれらの要素をjQueryで取得したいのですか？
もしくは、DOM要素を生成する際にjQueryでIDを振っていきたいのですか？

具体的に何がしたいがどこで詰まっているのかなどを説明いただかないことには、回答者も何を回答すればよいか判断しかねます。

Answer 2

---

解決策

$(function(){
    var priorityStyle = 'none';
    var idNum = 0;
    $('div p').each(function(i, e){
        var $this = $(this);
        var $parentDiv = $this.parents('div');
        if($parentDiv.css('display') == priorityStyle){
            return true;//これで、除外したいやつから抜らけれる
        }
        $this.attr({id: '' + idNum});
        idNum++
    });
});

---

解説

$('div p').each();
⇒これで繰り返し処理を行う
$this.parents('div');
⇒parentsで先祖要素をセレクターで取得
if($parentDiv.css('display') == priorityStyle)
⇒ここで、if処理をして、スタイルで非表示の要素は、除外
return true;
⇒eachメソッドないでは、for文のcontinue;と同じ動作になります。
　※falseを返せば、break;と同じ動作です。
$this.attr({id: '' + idNum});
⇒attr()でプロパティにアクセスします

parents
css
each
attr

こんな感じ