求大侠指点JQ选择元素多谢

求大侠指点JQ选择元素谢谢。
<ul id="22">
<li><span id="1">vvvvvvvvvvvv</span>
<div>
2222</div>
<div>
3333</div>
<span id="2">tttttttttttttt </span>
<div>
111111111</div>
</li>
</ul>
现在我先想点击<span id="1">vvvvvv</span>后就能选择他后面的所有div元素就是红色的部分。。
请问下这个JQ怎么写
我现在这样写变成所有元素了。

C# code

  <script>
        $('#22 li span').each(function () {
            $(this).click(function () {
                $(this).nextAll().addClass('non');
            });
        });
    </script>

------解决方案--------------------

JScript code

 $('#22 li span').each(function () {
if($(this).attr("id")==1)
{
            $(this).click(function () {
                $(this).nextAll().addClass('non');
            });
}
        });

------解决方案--------------------
http://topic.csdn.net/u/20100201/16/d6e5cab1-5b22-43c6-9f6b-e2700eb40ff5.html?74466

------解决方案--------------------

JScript code


        $(document).ready(function () {
            $("#22 li span").each(function () {
                $(this).nextUntil("span").backgroundColor("#ccc");
            })
        })

求大侠指点JQ选择元素多谢

相关推荐