Question

jquery this 选择子元素怎么做

<script>
function alertli(nn){
//$(this).children("a:eq(1)").css("display","none")

}

</script>
<li onMouseOver="alertli('{$nvo.id}')">
<a id="nn{$nvo.id}" href="#"style=" cursor: pointer;display: none;">
<p style="line-height:100px;font-weight:bold;background:red;height:100px">{$nvo.name}</p>
<p style="line-height:50px;background:pink;height:60px">
用户得分率<span style="font-weight:bold;color:red;">55.2</span>%</p></a>

<a href="#"style="cursor: pointer">
<p style="line-height:100px;font-weight:bold;background:red;height:100px">{$nvo.name}</p>
<p style="line-height:50px;background:pink;height:60px">
共有<span style="font-weight:bold;color:red;">5555</span>人做过</p></a>
</li>
求帮助啊,看懂的朋友,我要当前li下面的第一个<a>下面的css 显示,下面第二个a css 隐藏 怎么做呢

Answer 1

方法很多，建议将jquery的语法研读一下。

这里可以用：
$(this).next() 当前元素的下一个子元素
$(this).siblings() 选择所有同级子元素除了自身

推荐方法修改类似这样：
$('li').on('click', 'a', function(){
$(this).siblings().css('display', 'none');
})

这样再添加更多的 a 也无所谓了。

追问

能看清内容再回复吗?

Answer 2

你是在<li>标签那绑定的事件，可是却没有传入<li>的jquery对象！你可以输出一下$(this)，此时$(this)指向的是windows，$(this).children("a:eq(1)")它会寻找所有windows的子节点！

我的解题思路是，为<ul>中的<li>绑定jquery事件，你可以试试下面的代码，假定<ul>的id是"ss"，此时function()里的$(this)就指向了产生事件的li标签

$(function(){
	$("#ss").delegate("li", "mouseover", function(){
		$(this).find("a:eq(1)").hide();
	});
})

Answer 3

 function alertli(opts){
	var aobj=opts.children("a");
	$(aobj[0]).hide();
 }

//首先你必须把这个对象传过来，所以要用<li onMouseOver="alertli($(this))">才行的

//其次，第n个子节点，用 $(this).children('a')[n-1]表示

//最后，隐藏一个节点，用  $(节点).hide();

追问

这样好像离开触发不了事件

追答

//你可以添加jquery事件啊
$(document).ready(function(){
    $(document).on('mouserover','li元素id或class什么的',function(){
        var aobj=$(this).children("a");
        $(aobj[0]).hide();
    });
});
//楼下的方法你也可以试试，原理都一样，看代码他jquery比我熟