entityMap|0|type|LINK|mutability|MUTABLE|data|url|https://stackoverflow.com/questions/49761767/dynamically-change-label-for-attribute-in-with-jquery|blocks|key|10r9o|text|你可以试试这个|unstyled|depth|inlineStyleRanges|entityRanges|50eig|另外，请100%25使用此链接查看您的解决方案dynamically+change+label+'for'+attribute+in+with+Jquery|offset|length|9j5ef|$("input,+select").each(function(){


var+fieldName+=+$(this).attr('name');



$(this).siblings().attr('for',+fieldName);

});|code-block|syntax|javascript|b7ec4^0|0|L|1J|0|0|0^^$0|$1|$2|3|4|5|6|$7|8]]]|9|@$A|B|C|D|2|E|F|S|G|@]|H|@]|6|$]]|$A|I|C|J|2|E|F|T|G|@]|H|@$K|U|L|V|A|W]]|6|$]]|$A|M|C|N|2|O|F|X|G|@]|H|@]|6|$P|Q]]|$A|R|C|-4|2|E|F|Y|G|@]|H|@]|6|$]]]]

<p>You Can Try this</p>
<p>also follow this link 100% of your solution
<a href="https://stackoverflow.com/questions/49761767/dynamically-change-label-for-attribute-in-with-jquery">dynamically change label &#39;for&#39; attribute in with Jquery</a></p>
<pre><code>$(&quot;input, select&quot;).each(function(){


var fieldName = $(this).attr('name');



$(this).siblings().attr('for', fieldName);

});
</code></pre>


entityMap|blocks|key|9d5gu|text|你可以试试这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|e0451|function+getElementByValue(selector,+value)+{
++let+elements+=+document.querySelectorAll(selector);
++for+(let+element+of+elements)+{
++++if+(element.innerText.indexOf(value)+!=+-1)+{
++++++return+element;
++++}
++}
++return+null;
}

//+Call+it+
getElementByValue(".coral-Form-fieldable","Width")|code-block|syntax|javascript|el5cc^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|J|9|@]|A|@]|B|$F|G]]|$2|H|4|-4|6|7|8|K|9|@]|A|@]|B|$]]]]

<p>You can try this one</p>
<pre><code>function getElementByValue(selector, value) {
  let elements = document.querySelectorAll(selector);
  for (let element of elements) {
    if (element.innerText.indexOf(value) != -1) {
      return element;
    }
  }
  return null;
}

// Call it 
getElementByValue(&quot;.coral-Form-fieldable&quot;,&quot;Width&quot;)
</code></pre>


entityMap|blocks|key|9eidi|text|这很简单，你可以使用下面的代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|8jqn1|​|6gjet|$(document).ready(function(){
++++$(".coral-Form-fieldable").each(function(i,o){
+++++++var+current=$(this);
+++++++current.attr("id",current.text());
+++++++console.log(current.attr("id"));
++++})
})|code-block|syntax|javascript|ceajh|<script+src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label+class="coral-Form-fieldable">Width</label>|6bbcc|2m2dl^0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|N|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|O|9|@]|A|@]|B|$]]|$2|E|4|F|6|G|8|P|9|@]|A|@]|B|$H|I]]|$2|J|4|K|6|G|8|Q|9|@]|A|@]|B|$H|I]]|$2|L|4|D|6|7|8|R|9|@]|A|@]|B|$]]|$2|M|4|-4|6|7|8|S|9|@]|A|@]|B|$]]]]

<p>It's pretty simple you can use the below code.</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
    $(".coral-Form-fieldable").each(function(i,o){
       var current=$(this);
       current.attr("id",current.text());
       console.log(current.attr("id"));
    })
})</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;label class="coral-Form-fieldable"&gt;Width&lt;/label&gt;</code></pre>
</div>
</div>
</p>


entityMap|blocks|key|b9dvj|text|添加这段简单的代码，您可以在设置id时为"labelValue“变量添加前缀/后缀，因为有时可能会有重复的标签。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|6q7l9|​|fhg63|document.querySelectorAll(".coral-Form-fieldable").forEach(function(eachElem){
++++++++var+labelValue+=+eachElem.innerText.trim().replace(/\s/g,"_");
++++++++eachElem.setAttribute("id",labelValue);
});|code-block|syntax|javascript|dfc07|<h1+class="coral-Form-fieldable">Element+H1</h1>
<p+class="coral-Form-fieldable">Element+P</p>
<div+class="coral-Form-fieldable">Element+Div</div>|9dr0a|98of7^0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|N|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|O|9|@]|A|@]|B|$]]|$2|E|4|F|6|G|8|P|9|@]|A|@]|B|$H|I]]|$2|J|4|K|6|G|8|Q|9|@]|A|@]|B|$H|I]]|$2|L|4|D|6|7|8|R|9|@]|A|@]|B|$]]|$2|M|4|-4|6|7|8|S|9|@]|A|@]|B|$]]]]

<p>Add this simple code, you can prefix/suffix the &quot;labelValue&quot; variable while setting the id, because there may be duplicate labels sometimes.</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>document.querySelectorAll(".coral-Form-fieldable").forEach(function(eachElem){
        var labelValue = eachElem.innerText.trim().replace(/\s/g,"_");
        eachElem.setAttribute("id",labelValue);
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1 class="coral-Form-fieldable"&gt;Element H1&lt;/h1&gt;
&lt;p class="coral-Form-fieldable"&gt;Element P&lt;/p&gt;
&lt;div class="coral-Form-fieldable"&gt;Element Div&lt;/div&gt;</code></pre>
</div>
</div>
</p>


entityMap|0|type|LINK|mutability|MUTABLE|data|url|https://api.jquery.com/attr/|blocks|key|b834m|text|正如其他人提到的，您应该使用attr+(有关更多信息，请查看此link)。|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|f7pqp|您可以通过这部分代码将id属性添加到任何元素：|ciqf2|$('element').attr('id',+'value');|code-block|syntax|javascript|8t89d|对于您的问题，您可以使用.coral-Form-fieldable更改element部分，但请注意，类返回一个数组。因此您必须添加一个for循环|cofgt^0|E|4|V|4|0|0|B|2|0|0|C|L|Z|7|1V|3|0^^$0|$1|$2|3|4|5|6|$7|8]]]|9|@$A|B|C|D|2|E|F|W|G|@$H|X|I|Y|J|K]]|L|@$H|Z|I|10|A|11]]|6|$]]|$A|M|C|N|2|E|F|12|G|@$H|13|I|14|J|K]]|L|@]|6|$]]|$A|O|C|P|2|Q|F|15|G|@]|L|@]|6|$R|S]]|$A|T|C|U|2|E|F|16|G|@$H|17|I|18|J|K]|$H|19|I|1A|J|K]|$H|1B|I|1C|J|K]]|L|@]|6|$]]|$A|V|C|-4|2|E|F|1D|G|@]|L|@]|6|$]]]]

<p>as others mentioned, you should use <code>attr</code> (for more information please check this <a href="https://api.jquery.com/attr/" rel="nofollow noreferrer">link</a>).</p>
<p>you can add <code>id</code> attribute to any element by this part of code:</p>
<pre><code>$('element').attr('id', 'value');
</code></pre>
<p>for your problem, you can change the <code>element</code> part with <code>.coral-Form-fieldable</code> but please pay attention, classes return an array. so you have to add a <code>for</code> loop</p>


<p>I want to add ID attribute to label using label name. Using jQuery.</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;label class="coral-Form-fieldlable"&gt;Width&lt;/label&gt;
&lt;label class="coral-Form-fieldlabel"&gt;Height&lt;/label&gt;
&lt;label class="coral-Form-fieldlabel"&gt;Quality&lt;/label&gt;
&lt;label class="coral-Form-fieldlabel"&gt;Color List&lt;/label&gt;</code></pre>
</div>
</div>
</p>
<p>In Dom there are multiple class exist with same class name class=&quot;coral-Form-fieldable&quot;. I want to add ID attribute for only one  not all 'label' by using label name = &quot;Width&quot;</p>


How to add ID attribute to label with its label name. Label doesn't contain any ID(Ex: id="width-label")

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

 我想使用标签名称将ID属性添加到标签中。使用jQuery。 ​ <label class="coral-Form-fieldlable">Width</label><label class="coral-Form-fieldlabel">Height</label><label class="coral-Form-f...

问如何为带有标签名称的标签添加ID属性。标签不包含任何ID(例如: id="width- Label ")
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何为带有标签名称的标签添加ID属性。标签不包含任何ID(例如: id="width- Label ")EN