Потсроение сss селекторов на основе html

Question

[dizzoid]

Имеем
....
<div id="main">
<div id="logo"> </div>
<div id="middle">
<div id="middle-left">
<div id="menu"> </div>.....

берем инструмент какой нить и получаем
...
#main{ }
#logo{ }
#middle{ }
#menu{ }
#animation{ }
#info_top{ }...


Вопрос: есть ли такой инструмент?
или так и пользоваться регулярками в notepad++ ^)

Answer 1

[Outspector]

Сделайте себе HTML+jquery-страничку с формой и парой строчек кода. Достаточно даже одной, которая будет выглядеть примерно так:

$("[id]").map(function(i, el) {return "#" + el.id + "{};"}).toArray().join("\n")

Comments

[1nd1go]

К решению вопросов нет. Но в чем смысл подхода? Вот если бы функция строила css selector к конкретному элементу дерева, чтобы его можно было бы однозначно идентифицировать — это да.

Answer 2

[CAH4A]

вот я переписал на Native JS код данный выше, и теперь можно добавить эту в закладки этот адрес:

javascript:var g=[];for(var i in document.all) if(document.all.hasOwnProperty(i) && document.all[i].id) g.push('#'+document.all[i].id); alert(g.join("\n"));

и нажимать на любой странице, чтобы увидеть список всех id на странице.