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

我不确定这是否可能，尽管如此。。。下面是我正在使用的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>

Product1名称
产品1名称
产品1名称
产品1名称

下面是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>

Product1名称
产品2名称
产品3名称
产品4名称

是的

但是，这很可能会创建具有重复ID的元素。不好。

是的

但是，这很可能会创建具有重复ID的元素。不好。

类似于：

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

没有检查它，但它应该可以工作，希望最后括号计数正确…

类似于：

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

---

没有检查它，但它应该可以工作，希望我在最后得到了正确的括号计数…

您的“输入”范围是否有不同的产品名称？它们都有

Product1名称

。您的“输入”范围是否有不同的产品名称？它们都有

Product1 Name

。如何修改它以在同一个div标记中使用“support”类的span为目标？我没有提到混合中还会有一些其他span标记。@Robert:将

$this.next（）

更改为

$this.sides（'span.support'）

。如何修改它以在同一个div标记中具有“support”类的范围为目标？我没有提到混合中还会有一些其他span标记。@Robert:将

$this.next（）

更改为

$this.sides（'span.support'）

。