jQUery改变背景图片

[qqme306]

                    	
                      <ul class="nav_sub">
                        	<li><a><i></i><h4>会议管理</h4></a></li>
                            <li><a><i></i><h4>会议管理</h4></a></li>
                            <li><a><i></i><h4>会议管理</h4></a></li>
                        </ul>

如何实现通过hover事件选择li标签 就可以切换所选<i>的图片和 h4的字体颜色。
i表现是通过background-position来切换的。但每次放在一个li标签上，所有的li标签下的子标签效果都跟着变了。
我只需要对所选标签进行背景效果切换。
大家对我以下代码进行指导一下

	$(".nav_box li").hover(function(){
           $(".nav box li").find(i).css("background-position","-336px 0");
	},function(){
         $(".nav box li").find(i).css("background-position","-336px -16px");
  });

[DaveLeeCN]

定义和用法

find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

你的i定义的是什么？ 另外，直接用$(this)不行吗？

[qqme306]

引用 1 楼 DaveLeeCN 的回复:

定义和用法

find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

你的i定义的是什么？ 另外，直接用$(this)不行吗？

i里面是图片，要换i的background-positon $(this).find("i").css("background-position","-336px -16px");吗似乎没反应

[DaveLeeCN]

$(this)表示当前元素，它只有属性，find操作的就是它的子元素了，去掉find(i)再试试