十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
jQuery 获取 div 之间的内容,有两种方法,$(selector).text()、$(selector).html() 。
10年积累的成都网站设计、做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计制作后付款的网站建设流程,更有凤县免费网站建设让你可以放心的选择与我们合作。
html:
div
ptest/p
/div
$("div").text() 得到的是 test,是 div 的纯文本,会自动忽略 html 标签 。
$("div").html() 得到的是 ptest/p,是 div 的所有内容,包括 html 标签,它有个好处是可以将 得到的标签与文字 直接再利用,比如添加到页面其他地方之类的操作 。
$("div").index(this).text();改成$(this).text();即可。不过你的div宽度是100%,从下往上移4会挡住其他的,除非你把浏览器缩小,从左边移进去。 修改建议,加个id为tips的div,然后将index的值放进去,这样移动的时候它就会自动变换,看起来明显些。如下:
div id="tips"/div
divasasas/div
div2/div
div3/div
div4/div
script language="javascript"
$(function(){
$("div").hover(function(){
var index=$(this).text();
$("#tips").html(index);
})
})
/script
div class="my" data="1"我的表情/div.
获取“我的表情”,可以使用$("div").text()或者$("div").html();
获取其相关属性值如 class名称my,可以使用$("div").attr("class");
可以使用jQuery的children方法来获取某个元素下的所有子元素。
工具原料:编辑器、浏览器
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 的子元素,并将其设置为蓝色,结果如下: