jquery 获取元素html获取父辈的上一个元素的所有html

jquery怎么获取get来的HTML元素?
后台有html代码,比如,houtai.php echo '&div id = 'test'&123&/div&'; 我在前台,index.php中, $.get('houtai.php',function(data){ & & $('#show').html(data); }); 假设代码没问题,前台显示 &div id='show'&&div id='test'&123&/div&&/div&
然后,我想再用jquery去取$('#test')中的值,却取不到? 请问,有遇到能帮忙解决下啊~
简单点说,就是无法获取从后台get后html()在前台中的html元素 帮忙下咯~
$(&#tset&).live();
$(data).find(&#test&).html();
data是字符串,转换为jquery对象就可以操作了。
使用live进行事件操作。
$(data).appendTo(&#show&),这个保证能行jQuery向父辈遍历的简单方法
转载 &发布时间:日 10:30:53 & 投稿:jingxian
下面小编就为大家带来一篇jQuery向父辈遍历的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
通过DOM树可以可容易的访问到html文档中的所有元素
例如向上访问父辈的元素有以下方法
1.parent()方法可以得到所定元素的直接父元素
$("span").parent();得到&span&元素的直接父元素
2.parents()方法得到给定元素的所有父元素
$("span").parents();得到&span&元素的所有父元素
$("span").panents(".text");得到&span&元素的父元素中class="text"的元素
3.parentsUntil()方法得到两个给定元素之间的元素
$("span").parentsUntil(".text");得到&span&元素与class="text"元素之间的所有元素
&!DOCTYPE html&
&meta charset="UTF-8"&
&script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"&
.container
margin-left:30
.container div
.ancestor1-1,.ancestor2-1,.ancestor3-1,.ancestor4-1
height:150
.ancestor1-2,.ancestor2-2,.ancestor3-2,.ancestor4-2
height:120
.ancestor1-3,.ancestor2-3,.ancestor3-3,.ancestor4-3
.now1,.now2,.now3,.now4
$(document).ready(function(){
$(".now1").parent().css("border-color","red");
$(".now2").parents().css("border-color","red");
$(".now3").parents(".ancestor3-2").css("border-color","red");
$(".now4").parentsUntil(".ancestor4-1").css("border-color","red");
&div class="container"&
&div class="ancestor1-1"&&div class="ancestor1-2"&&div class="ancestor1-3"&&div class="now1"&给定元素&/div&&/div&&/div&&/div&
&div class="container"&
&div class="ancestor2-1"&&div class="ancestor2-2"&&div class="ancestor2-3"&&div class="now2"&给定元素&/div&&/div&&/div&&/div&
&div class="container"&
&div class="ancestor3-1"&&div class="ancestor3-2"&&div class="ancestor3-3"&&div class="now3"&给定元素&/div&&/div&&/div&&/div&
&div class="container"&
&div class="ancestor4-1"&&div class="ancestor4-2"&&div class="ancestor4-3"&&div class="now4"&给定元素&/div&&/div&&/div&&/div&
以上这篇jQuery向父辈遍历的简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具posts - 12,&
comments - 0,&
trackbacks - 0
通过DOM树可以可容易的访问到html文档中的所有元素
  例如向上访问父辈的元素有以下方法
    1.parent()方法可以得到所定元素的直接父元素
      $("span").parent();得到&span&元素的直接父元素
    2.parents()方法得到给定元素的所有父元素
      $("span").parents();得到&span&元素的所有父元素
      $("span").panents(".text");得到&span&元素的父元素中class="text"的元素
    3.parentsUntil()方法得到两个给定元素之间的元素
      $("span").parentsUntil(".text");得到&span&元素与class="text"元素之间的所有元素
1 &!DOCTYPE html&
&meta charset="UTF-8"&
&script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"&
6 &/script&
.container
float:left;
margin-left:30px;
13 .container div
border:1px solid grey;
margin:15px auto;
18 .ancestor1-1,.ancestor2-1,.ancestor3-1,.ancestor4-1
width:<span style="background-color: #f5f5f5; color: #px;
height:<span style="background-color: #f5f5f5; color: #px;
23 .ancestor1-2,.ancestor2-2,.ancestor3-2,.ancestor4-2
width:<span style="background-color: #f5f5f5; color: #px;
height:<span style="background-color: #f5f5f5; color: #px;
28 .ancestor1-3,.ancestor2-3,.ancestor3-3,.ancestor4-3
width:90px;
height:90px;
33 .now1,.now2,.now3,.now4
width:60px;
height:60px;
40 $(document).ready(function(){
41 $(".now1").parent().css("border-color","red");
42 $(".now2").parents().css("border-color","red");
43 $(".now3").parents(".ancestor3-2").css("border-color","red");
44 $(".now4").parentsUntil(".ancestor4-1").css("border-color","red");
48 &/head&
&div class="container"&
&div class="ancestor1-1"&&div class="ancestor1-2"&&div class="ancestor1-3"&&div class="now1"&给定元素&/div&&/div&&/div&&/div&
&div class="container"&
&div class="ancestor2-1"&&div class="ancestor2-2"&&div class="ancestor2-3"&&div class="now2"&给定元素&/div&&/div&&/div&&/div&
&div class="container"&
&div class="ancestor3-1"&&div class="ancestor3-2"&&div class="ancestor3-3"&&div class="now3"&给定元素&/div&&/div&&/div&&/div&
&div class="container"&
&div class="ancestor4-1"&&div class="ancestor4-2"&&div class="ancestor4-3"&&div class="now4"&给定元素&/div&&/div&&/div&&/div&
64 &/body&
65 &/html&
阅读(...) 评论()Jquery 怎么获取动态生成的html元素,然后给其中的元素添加样式? - ITeye问答
这是其中界面的js代码,主要去了异步去后台加载数据,然后动态写li元素及里边的a元素
$.ajax({
url: "home!subMenu",
typ:"post",
datatype:"json",
data:{"fatherId":${request.fatherId}},
success:function(data)
if(data.success)
var json = eval(data);
var menu = json.
var html ="&li class='space'&&/li&";
$.each(menu,function(i,item)
html=html+"&li&&a href='javascript:;' hint='merchant' action='"+item['url']+"?fatherId="+item['fatherId']
+"' class='merchantmenu'&" +item['text']+"&/a&&/li&"
$("#merchantSubMenu").append(html);
art.dialog(data.message);
document.location.href="home!gotoIndex";//跳转到首页
$('a[class="merchantmenu"]').each(function(){
alert("test");//这里进不来。。。。
我现在想要获取这个li列表的第一个元素给添加样式。
现在的问题 通过选择器获取不到,是ajax异步加载还没写进去吗?
采纳的答案
ajax是异步的,你那个方法和ajax在同一级,ajax还没接到返回结果,就已经执行了你那个方法了,你把那个遍历的方法放到$("#merchantSubMenu").append(html);&& 后面。
已解决问题
未解决问题Access denied | www.bkjia.com used Cloudflare to restrict access
Please enable cookies.
What happened?
The owner of this website (www.bkjia.com) has banned your access based on your browser's signature (ba9294-ua98).}

我要回帖

更多关于 html 获取父元素 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信