jquery - 从元素内容设置属性

Question

假设你有这个:

<ul>
  <li>[foo] more stuff here</li>
  <li>[bar] stuff here</li>
  <li>[123] stuff here</li>
</ul>

你想要这个:

<ul>
  <li id="foo">more stuff here</li>
  <li id="bar">stuff here</li>
  <li id="123">stuff here</li>
</ul>

使用 jQuery，获得此结果的最简单方法是什么？

Answer 1

$("ul li").each(function(){
    $li = $(this);
    var text = $li.text();
    var id = text.substring(text.indexOf("[") + 1, text.indexOf("]"));
    $li.attr("id", id).text(text.replace("[" + id + "]", ""));
});

<小时/>

fiddle :http://jsfiddle.net/hunter/FDTcj/

<小时/>

摆弄其他括号:http://jsfiddle.net/hunter/FDTcj/1/