求大侠指点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");            })        })