一个H3的内容作为H3的ID

我需要获取<h3></h3>的内容，然后小写内容并删除空格（用 - 或_替换它们），然后将它们注入到<h3>的ID中。

所以，例如...

<li class="widget-first-list"><h3>About This Stuff</h3></li>
<li class="widget-first-list"><h3 id="about-this-stuff">About This Stuff</h3>

这应该存在于页面上的h3s负载，所以它需要在某处包含'$ this'。

希望这是有道理的 - 我对jQuery没问题，但这一直导致我几个问题。

---

由于您指定了jQuery，因此您可以：

$("h3").each(function() {
    var me = $(this);
    me.attr("id",me.text().toLowerCase().replace(/[^a-z0-9-]/g,'-').replace(/--+/g,'-'));
});

这将替换所有非字母数字字符-然后剔除了多个连续的-个字符。

在普通的JS（更高效）中：

(function() {
    var tags = document.getElementsByTagName("h3"), l = tags.length, i;
    for( i=0; i<l; i++) {
        tags[i].id = tags[i].firstChild.nodeValue.toLowerCase().replace(/[^a-z0-9-]/g,'-').replace(/--+/g,'-');
    }
})();

---

更好的是，检查重复项目：

(function() {
    var tags = document.getElementsByTagName("h3"), l = tags.length, i, newid, n;
    for( i=0; i<l; i++) {
        newid = tags[i].firstChild.nodeValue.toLowerCase().replace(/[^a-z0-9-]/g,'-').replace(/--+/g,'-');
        if( document.getElementById(newid)) {
            n = 1;
            do {n++;}
            while(document.getElementById(newid+'-'+n));
            newid += '-'+n;
        }
        tags[i].id = newid;
    }
})();

---

一个办法：

$("h3").each(function() {

    var content = $(this).html().replace(/ /g,'_').toLowerCase();
    $(this).attr("id",content);

});

链接地址: http://www.djcxy.com/p/21259.html

上一篇: Contents of an H3 as the H3's ID

下一篇: Difference between toLocaleLowerCase() and toLowerCase()