基于jQuery的为attr添加id title等效果的实现代码_jquery_脚本之家

来自 : 脚本之家 发布时间：2021-03-25

下面的例子是通过jquery为连接增加title描述的代码，在当前页的连接上写上，你好，现在在试验连接文字的简单描述。核心代码:
复制代码 代码如下:
script language=\"javascript\" type=\"text/javascript\"
$(document).ready(function(){
//$(\'div.chapter a\').attr({\'rel\':\'external\'});
$(\'div.chapter a\').each(function(index){
var $linkthis=$(this)
$linkthis.attr({
\'rel\':\'external\',
\'id\':\'wikilink-\'+index,
\'title\':\'你好，现在在试验\'+$linkthis.text()
});
});
$(\'#wikilink-1\').css(\'fontSize\',33);
});
/script

完整测试代码：
复制代码 代码如下:
!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"
html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\" lang=\"en\"
head
meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" /
title DOM Manipulation /title
script language=\"javascript\" src=\"http://demo.jb51.net/jslib/jquery/jquery-1.5.2.min.js\" /script
script language=\"javascript\" type=\"text/javascript\"
$(document).ready(function(){
//$(\'div.chapter a\').attr({\'rel\':\'external\'});
$(\'div.chapter a\').each(function(index){
var $linkthis=$(this)
$linkthis.attr({
\'rel\':\'external\',
\'id\':\'wikilink-\'+index,
\'title\':\'你好，现在在试验\'+$linkthis.text()
});
});
$(\'#wikilink-1\').css(\'fontSize\',33);
});
/script
/head
body
!-- Begin example --
h1 id=\"f-title\" Flatland: A Romance of Many Dimensions /h1
div id=\"f-author\" by Edwin A. Abbott /div
h2 Part 1, Section 3 /h2
h3 id=\"f-subtitle\" Concerning the Inhabitants of Flatland /h3
div id=\"excerpt\" an excerpt /div
div
p Our Professional Men and Gentlemen are Squares (to which class I myself belong) and Five-Sided Figures or a href=\"http://en.wikipedia.org/wiki/Pentagon\" Pentagons /a . /p
p Next above these come the Nobility, of whom there are several degrees, beginning at Six-Sided Figures, or a href=\"http://en.wikipedia.org/wiki/Hexagon\" Hexagons /a , and from thence rising in the number of their sides till they receive the honourable title of a href=\"http://en.wikipedia.org/wiki/Polygon\" Polygonal /a , or many-Sided. Finally when the number of the sides becomes so numerous, and the sides themselves so small, that the figure cannot be distinguished from a a href=\"http://en.wikipedia.org/wiki/Circle\" circle /a , he is included in the Circular or Priestly order; and this is the highest class of all. /p
p span It is a Law of Nature span with us /span that a male child shall have strong one more side /strong than his father /span , so that each generation shall rise (as a rule) one step in the scale of development and nobility. Thus the son of a Square is a Pentagon; the son of a Pentagon, a Hexagon; and so on. /p
/div
/body
/html