blocks|key|1542458|text|请参见wrap()函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1542459|$mycol.wrap(jQuery('a').attr('href','http://somwhere.com'));|code-block|syntax|javascript|1542460|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

See the wrap() function.

<pre><code>$mycol.wrap(jQuery('a').attr('href','http://somwhere.com'));
</code></pre>

blocks|key|381806|text|我假定您的表有一个<thead>，其中一个<th>具有该ID。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|381807|如果是这样的话，你会这样做：|381808|//+Get+column+index
var+col+=+$("#tblCol1").index();

//+Wrap+each+table+cell+with+that+index
$("table+tbody+tr").find("td:eq("+%2B+col+%2B+")").each(function+()+{
++++$(this).html("<a>"+%2B+$(this).html()+%2B+"</a>");
});|code-block|syntax|javascript|381809|如果不是这样，那么您的意思是每一行都有一个具有该ID的<td>，那么...你不应该重复你的身份证。将它们改为类，并使用：|381810|$("table+td.tblCol1").each(function+()+{
++++$(this).html("<a>"+%2B+$(this).html()+%2B+"</a>");
});|381811|entityMap^0|9|7|L|4|0|0|0|R|4|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|O|3|P|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|R|$]]

I presume your table has a <code>&lt;thead&gt;</code> with one of the <code>&lt;th&gt;</code>s having that ID.

If that's the case, you would do:

<pre><code>// Get column index
var col = $("#tblCol1").index();

// Wrap each table cell with that index
$("table tbody tr").find("td:eq(" + col + ")").each(function () {
 $(this).html("&lt;a&gt;" + $(this).html() + "&lt;/a&gt;");
});
</code></pre>

If not, and you mean that each row has a <code>&lt;td&gt;</code> with that ID, then... you shouldn't you duplicate IDs. Change them to classes instead, and use:

<pre><code>$("table td.tblCol1").each(function () {
 $(this).html("&lt;a&gt;" + $(this).html() + "&lt;/a&gt;");
});
</code></pre>

blocks|key|1540128|text|html()方法可以设置和返回元素中的HTML。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1540129|$('tblCol1').html("<a>"+%2B+$('tblCol1').html()+%2B+"</a>");|code-block|syntax|javascript|1540130|如果单元格中没有HTML+(只有文本)，则可以使用：|1540131|$('tblCol1').html("<a>"+%2B+$('tblCol1').text()+%2B+"</a>");|1540132|entityMap^0|0|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

The <code>html()</code> method can set and return the HTML that is in an element.

<pre><code>$('tblCol1').html("&lt;a&gt;" + $('tblCol1').html() + "&lt;/a&gt;");
</code></pre>

If there is no HTML (just text) in the cell, you can use:

<pre><code>$('tblCol1').html("&lt;a&gt;" + $('tblCol1').text() + "&lt;/a&gt;");
</code></pre>

blocks|key|1540183|text|关于列的ids的澄清点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1540184|要为整个列提供id，必须使用<colgroup>标记，还可以选择使用<col>标记；不能像上面建议的那样使用<thead>标记。|offset|length|style|CODE|1540185|例如，如果您想为表中的第一列提供一个id，您可以编写类似这样的代码(<colgroup>必须紧跟在<table>标记之后)：|1540186|<colgroup+span="1"+id="column1"></colgroup>|code-block|syntax|javascript|1540187|要分配一个包含表中前3列的id，它将如下所示：|1540188|<colgroup+span="3"+id="columngroup1"></colgroup>|1540189|要为表中的每一列分配id，则必须使用<col>标记，如下所示：|1540190|<colgroup>
++<col+id="col1"+/>
++<col+id="col2"+/>
</colgroup>|1540191|请参阅http://www.w3.org/TR/html5/tabular-data.html#the-colgroup-element和http://www.w3schools.com/tags/tag_colgroup.asp了解详细信息|1540192|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html5/tabular-data.html#the-colgroup-element|1|http://www.w3schools.com/tags/tag_colgroup.asp^0|0|E|A|Y|5|1I|7|0|Y|A|1D|7|0|0|0|0|I|5|0|0|3|1T|0|1X|1A|1|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|19|8|@$D|1A|E|1B|F|G]|$D|1C|E|1D|F|G]|$D|1E|E|1F|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1G|8|@$D|1H|E|1I|F|G]|$D|1J|E|1K|F|G]]|9|@]|A|$]]|$1|J|3|K|5|L|7|1L|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1M|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|1N|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|1O|8|@$D|1P|E|1Q|F|G]]|9|@]|A|$]]|$1|U|3|V|5|L|7|1R|8|@]|9|@]|A|$M|N]]|$1|W|3|X|5|6|7|1S|8|@]|9|@$D|1T|E|1U|1|1V]|$D|1W|E|1X|1|1Y]]|A|$]]|$1|Y|3|-4|5|6|7|1Z|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]|16|$5|11|12|13|A|$14|17]]]]

Point of clarification regarding ids for columns. 

To give an id to an entire column you have to use the <code>&lt;colgroup&gt;</code> tag plus, optionally, the <code>&lt;col&gt;</code> tag; you can't do it with the <code>&lt;thead&gt;</code> tag as suggested above. 

For example, if you want to give an id to the first column in a table, you could code something like this (<code>&lt;colgroup&gt;</code> must come immediately after the <code>&lt;table&gt;</code> tag):

<pre><code>&lt;colgroup span="1" id="column1"&gt;&lt;/colgroup&gt;
</code></pre>

To assign an id encompassing the first 3 columns in a table, it would look like this:

<pre><code>&lt;colgroup span="3" id="columngroup1"&gt;&lt;/colgroup&gt;
</code></pre>

To assign each column in a table an id, then you have to use <code>&lt;col&gt;</code> tags, like so:

<pre><code>&lt;colgroup&gt;
 &lt;col id="col1" /&gt;
 &lt;col id="col2" /&gt;
&lt;/colgroup&gt;
</code></pre>

See <a href="http://www.w3.org/TR/html5/tabular-data.html#the-colgroup-element" rel="nofollow">http://www.w3.org/TR/html5/tabular-data.html#the-colgroup-element</a> and <a href="http://www.w3schools.com/tags/tag_colgroup.asp" rel="nofollow">http://www.w3schools.com/tags/tag_colgroup.asp</a> for details

I have a table with a column named id"tblCol1". How can I use jQuery to add HTML a href tags aroudn the content of it?

Thanks!

jQuery - Adding HTML to specific table column ID?

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我有一个表，它有一个名为id"tblCol1“的列。如何使用jQuery在内容周围添加HTML标签？谢谢!

问将jQuery添加到特定的表列ID？
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将jQuery添加到特定的表列ID？EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将jQuery添加到特定的表列ID？
EN