扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
jQuery 1.4 新增的。
创新互联2013年至今,先为月湖等服务建站,月湖等地企业,进行企业商务咨询服务。为月湖企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。
function(index, html)
返回一个HTML字符串,用于追加到每一个匹配元素的里边。接受两个参数,index参数为对象在这个集合中的索引值,html参数为这个对象原先的html值。
----------------------------------------------------------------------
所以:
$("p").append(function(m,n){
return "bThis p element has index " + (m+n) + "/b";
}
会得到:
This is a paragraph.This p element has index 0This is a paragraph.
This is another paragraph.This p element has index 1This is another paragraph.
也就是原有p中的内容 + This p element has index + 当前这个p的索引 + p自身的内容
var text='ullispan class="name"姓名/spaninput class="b1" type="text" //lilispan class="sex"性别/spanselect class="b2" name="gender"option value="1"男/optionoption value="0"女/option/select/li/ul';
$('.info').append(text);
需要注意的是插入的整段代码不要有换行
问题分析:
首先复述一下你的需求:在页面加载完毕后,将页面中#skin下的img标签进行修改,将其alt属性的值复制一份到其title属性。并在其后面追加h4标签,h4标签的内容为alt属性的值。
解决步骤:
通过使用jQuery的each方法遍历多个img标签。
1、获取alt属性的值。
2、通过jQuery的attr方法将获取的alt属性的值赋值给title属性。
3、通过jQuery的after方法将h4标签追加到img的后面。
举例如下:
HTML代码:
div id="skin"
img src="felix.jpg" alt="felix"
img src="felix.jpg" alt="felix"
img src="felix.jpg" alt="felix"
/div
jQuery代码:
$.each($('#skin img'), function() {
var alt = $(this).attr('alt');
$(this).attr('title', alt).after('h4' + alt + '/h4');
});
页面运行后的HTML代码:
总结:从以上代码截图可以看出,在页面运行后,img标签中多了title属性,以及后面被追加了h4标签,title属性以及h4标签的值与alt属性完全相等。
刚看错要求了
首先获取第一个匹配的子元素 然后 使用 after() 如:
$('#mydiv ul li:eq(0)').after('li现在我是第二个元素了,原来的被取代了~/li');
可以使用jQuery的children方法来获取某个元素下的所有子元素。如果给定表示 DOM 元素集合的 jQuery 对象,.children() 方法允许我们检索 DOM 树中的这些元素,并用匹配元素构造新的 jQuery 对象。.find() 和 .children() 方法类似,不过后者只沿着 DOM 树向下遍历单一层级。
工具原料:编辑器、浏览器
1、使用children方法可以获得选择器下的所有子元素,代码实例如下:
!DOCTYPE html
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
style
body { font-size:16px; font-weight:bolder; }
p { margin:5px 0; }
/style
/head
body
div
spanHello/span
p class="selected"Hello Again/p
div class="selected"And Again/div
pAnd One Last Time/p
/div
script$("div").children(".selected").css("color", "blue");/script
/body
/html
2、运行的结果是找到类名为 "selected" 的所有 div 的子元素,并将其设置为蓝色,结果如下:
Jquery获取子元素的方法有2种,分别是children()方法和find()方法。下面我们分别来使用这两种方法,看看它们有何差异。
children()方法:获取该元素下的直接子集元素
find()方法:获取该元素下的所有子集元素
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流