Home > Article > Web Front-end > jQuery 节点的查询_html/css_WEB-ITnose

jQuery 节点的查询_html/css_WEB-ITnose

WBOYOriginal: 2016-06-21 08:47:271131browse

<a id = 1>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><a id = 2>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><a id = 3>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul>

------------------------jQuery代码如上面

回复讨论(解决方案)

如上所示点击某一个

标签怎么获得上面就近的 a 的id

$("li").click(function(event){	alert($(this).parent().prev().attr("id"));});

$("li").click(function(event){	alert($(this).parent().prev().attr("id"));});

不行，这个方法没有得到

$("li").click(function(event){	alert($(this).parent().prev().attr("id"));});

不行，这个方法没有得到

<html><head>    <title>test</title>    <script src="http://jquery.cuishifeng.cn/js/jquery-2.1.4.min.js?v=20160120"></script></head><body><a id = '1'>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><a id = '2'>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><a id = '3'>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><script>$("li").click(function(event){    alert($(this).parent().prev().attr("id"));});</script></body></html>

引入jquery，并且你的dom结构写正确

$("li").click(function(event){    alert($(this).parents("a").attr("id"));});

这样呢？

引入jar包，js区域写上
$(function(){
    $("li").click(function(event){
        alert($(this).parent().prev().attr("id"));
    });
})

          <p class="yy">               引入jar包，js区域写上$(function(){    $("li").click(function(event){        alert($(this).parent().prev().attr("id"));    });})             </p>也不可以。。无法获取

我贴部分源码。

<h3><a id = '1'>XX</a></h3><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><h3><a id = '2'>XX</a></h3><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><h3><a id = '3'>XX</a></h3><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul>$.ajax({xxxxxxsuccess:function(){ $("ul li:last-child").bind("click", Addhut);}}); function Addhut() {           // parId = $(this).parent().filter("a").attr("id");            parId = $(this).parent("a").prev().attr("id");            alert(parId);}

具体结构就是这样，页面载入时执行ajax函数，成功后执行回调函数。最后一个li标签绑定Addhut函数点击后获得上面的的id

跪求大神答疑解惑！

你检查你的事件，我们给你的基本都可以

为什么我的一直提示 undefined

你检查你的事件，我们给你的基本都可以

---------------------------绑定函数的一样可以吗------------------------------------

你的bind的格式不对，这是点击每项的最后一个弹出提示

嗯啊搞定了 3Q

不客气，不懂的可以多百度，查api，问别人是最后的手段

----------------------------------------------------------------------
是啊，基本上有提供个思路或者方向，比自己盲目的乱找快多了，还是谢谢你们！

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：JavaScript里的数组转化新方法Array.From_html/css_WEB-ITnoseNext article：CSS3 matrix

See more

jQuery 节点的查询_html/css_WEB-ITnose

回复讨论(解决方案)

Related articles