实时搜索: jq选择第几个子元素

jq选择第几个子元素

567条评论 3051人喜欢 3476次阅读 503人点赞
<span class='a1'>
<span class='a2'></span>

</span>

<span class='b1'></span>

$(".b1").on('click',function(){ //b2被触发
var abc = $(this).siblings('a1').这里怎么取指定的子级元素(a2).html()
上面的意思是:当前(.b1)的兄弟元素(a1)的子元素(a2)的内容,但是怎么...

jquery层次选择器中子元素和后代元素的区别:

<div id="one">

<h1>标题1</h1>

<div>

<h1>标题2</h1>

</div>

</div>

后代选择器:$("#one h1")会匹配id="one"内部所有的h1标记,而不管它是子元素还是后代元素,只要在其内部均会找到。上述代码中会找到两个h1

子元素选择器:$("#one>h1")会匹配id="one"内部所有的子元素中的h1标记,必须是父子关系,直接嵌套。上述代码中只会找到第一个h1,引起它俩是父子关系。

jquery判断是否含有子元素:

直接判断它子元素的个数,大于0则有子元素,反之没有。

if( $('类名').children().length>0 ){
     // 有子元素
}else{
    // 没有子元素
}

jquery选择指定子级元素: 用find来查找子元素
$(this).siblings('.a1').find(".a2").html();

jquery如何选中子级的子级元素:

(1)少了个<p>

<div class="div01">
    <p><a>不选超链接</a><span></p>
    <p><span>选中这个</span></p>
</div>

(2)如下即可选中

$('.div01 span')

jquery如何选择多层子元素问题: $('#div1').find('*');

jquery里通过一个下拉列表的选择框相应的li后添加子节点: <!DOCTYPE html>
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/img/L2pzL3NhbmRib3gvanF1ZXJ5L2pxdWVyeS0xLjguMi5taW4uanM=" type="text/javascript"></script>
<title>
RunJS 演示代码
</title>
<script>
$(function(){
$(":button:contains('添加'),:button[value='添加']").click(function(){
var x = $("select option:checked").text();
var div = "<div>" + $(":text").val() + "</div>";
$("li:contains("+x+")").append(div);
});
});
</script>
  </head>
<body>
    <ul>
<li>
歌曲
</li>
<li>
电影
</li>
<li>
淘宝
</li>
</ul>
<select>
<option>
歌曲
</option>
<option>
电影
</option>
<option>
淘宝
</option>
</select>
<input type="text" />
<button>
添加
</button>
  </body>
</html>

JQUERY 给循环设置子元素的添加CLASS,看代码: 看起来 应该是 拼写错误 addClass c要大些

用jquery ztree 怎样实现点击父节点固定个数的子节点也被选中:   query ztree 当前父节点下增加子节点问题_点击事件增加子节点
一、功能描述:利用jQuery ztree3.1版本插件做导航树形菜单时,页面打开先加载二级菜单,通过点击事件,异步加载的方式,在添加当前父节点的子节点。
二、初始步骤:
1.按照文档要求,导入jquery包,ztree插件包3.1版本;
2.编写相应的jsp页面代码

三、遇到问题:
1、通过chrome调试的时候,提示:addNodes不是当前jquery对象treeObj的方法。但是在api文档里确实存在这个方法。
2、经过很长时间的摸索,开始把ztree-core.js插件换成高版本的,结果addNodes好用了,但是没有了菜单的图标,而且所有的都是异步加载。

四、解决问题:

原因:最后在3.2版本更新日志中,发现这么一句话:
* 【修改】代码结构,将 addNodes、removeNode、removeChildNodes 方法 和 beforeRemove、onRemove 回调 转移到 core 内。
最终领悟,原来3.2版本之前的addNodes。。。等一些方法在ztree.exedit.js中,而且在3.1文档中,方法前也有E字母标识。
所以只要引入jquery.ztree.exedit-3.1.js 包,即可解决这个问题。

五、总结
粗心浪费了好多时间,注意API中的小细节。
这是jqueryztree 各个版本的URL:http://code.google.com/p/jquerytree/downloads/list,供大家参考。

六、jsp代码,只需要加入jquery.ztree.exedit-3.1.js ,url换了即可。
%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>机构维护</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../zTreeStyle/zTreeStyle.css" type="text/css"/>
<script type="text/javascript" src="/img/Li4vanF1ZXJ5LTEuNC4yLmpz"></script>
<script type="text/javascript" src="/img/Li4vanF1ZXJ5Lnp0cmVlLmNvcmUtMy4xLmpz"></script>
<script type="text/javascript"
</head>
<body>
<div>
<ul id="orgTree" class="ztree" style="width:230px; overflow:auto;"></ul>

</div>

<script type="text/javascript">

//配置setting
var ztreeObj,

setting = {

async: {
enable: true,//开启异步加载模式
contentType: "application/json", //Ajax 提交参数的数据类型。
type: "post",
dataType: "text",//Ajax 获取的数据类型
"url" : "${pageContext.request.contextPath}/org/makeOrgTree.action",
//自动提交当前节点的id
//假设 异步加载 父节点(node = {id:1, name:"test"}) 的子节点时,将提交参数 id=1
autoParam: ["id"]

},

//Ajax 返回的数据格式中,页面主要参数的设置
data: {
simpleData: {
enable: true,
idKey: "id",
pIdKey: "pid",
rootPid: "0"
}
},

//树形图动作
view: {
expandSpeed: "fast", //节点展开的速度
selectedMulti: false //设置是否允许同时选中多个节点。
},

//回调函数的设置
callback: {
onClick: zTreeOnClick //点击事件,当点击节点,做的事情。
}
};

/**
* 初始化树形菜单
*/
$(function(){

ztreeObj = $.fn.zTree.init($("#orgTree"),setting);

});

//点击事件的处理
function zTreeOnClick(event,treeId,treeNode){
pid =treeNode.id;

var data = {"org.id":pid};

$.ajax({
url:"${pageContext.request.contextPath}/org/makeOrgTreeAgain.action",
type: "post",
dataType: "json",
data: data,
cache: false,
success: function(jsonArray){

var treeObj = $.fn.zTree.getZTreeObj("orgTree");

treeObj.addNodes(treeNode,jsonArray);
}
});
}

</body>
</html>

  • macduff是谁

    i7 7700k玩游戏超频吗?什么情况下才用的到超频?: 超频可以提高游戏帧数!但最好散热是240排水冷,这一代的i7带k温度蛮恐怖的! ...

    456条评论 5324人喜欢 1212次阅读 549人点赞
  • pr稿件是什么

    为什么发QQ的个性签名会同时发到动态: 点击QQ里面的设置,点击联系人,隐私后,会有个性签名同步到说说,关掉那个就好了。 ...

    449条评论 5808人喜欢 2353次阅读 248人点赞
  • dnf炼金图纸都有那几个

    现在7700k,Z270超频用什么内存: 配海盗船3000频的内存吧 ...

    835条评论 5028人喜欢 4967次阅读 448人点赞
  • 1000大卡需要运动多久

    为什么QQ空间上发动态之后,动态内容下面写着浏览次数是25次,但点击它进入“最近浏览的人”数来数去: 满意回答 原因是有同一个人进去次数多有的只是赞一下所以才会发现这种情况。 ...

    727条评论 4149人喜欢 3162次阅读 495人点赞
  • 370123是哪里的身份证

    为什么QQ空间发的说说刚开始动态中可以看见也有人点赞评论。后来主页里看不到了。只有在说说里才看得见: 设置里通知不显示 ...

    499条评论 1440人喜欢 6659次阅读 709人点赞
  • html 文件 在哪里

    黄芪水五豆粥能吃吗?: 可以直接吃的东西 ...

    820条评论 2442人喜欢 4208次阅读 256人点赞