使用jquery根据span标记中的文本编写ID

时间:2010-11-23 16:07:57

标签: javascript jquery html class

我不确定这是否可能,并且说...下面是我正在使用的HTML示例。我希望,使用jQuery,获取产品名称并将其作为ID插入带有“support”类的配对span标记,用下划线替换空格。

<div><span class="title">Product1 Name</span> <span class="support"></span></div>
<div><span class="title">Product1 Name</span> <span class="support"></span></div>
<div><span class="title">Product1 Name</span> <span class="support"></span></div>
<div><span class="title">Product1 Name</span> <span class="support"></span></div>

以下是jQuery修改所需的HTML。这可能吗?

<div><span class="title">Product1 Name</span> <span class="support" id="product1_name"></span> </div>
<div><span class="title">Product2 Name</span> <span class="support" id="product2_name"></span> </div>
<div><span class="title">Product3 Name</span> <span class="support" id="product3_name"></span> </div>
<div><span class="title">Product4 Name</span> <span class="support" id="product4_name"></span></div>

2 个答案:

答案 0 :(得分:4)

烨。

$('span.title').each(function ()
{
    var $this = $(this),
        id = $this.text().toLowerCase().replace(/ /g, '_');
    $this.next().attr('id', id);
});

Demo!

但是,这可以很好地创建具有重复ID的元素。不好。

答案 1 :(得分:0)

类似的东西:

(".title").each(function() {$(this).next(".support").attr("id",$(this).html().replace(" ","_"));});

没有检查它但它应该有效,希望我最后得到括号数......