[jQuery] help,about the selectors

[jQuery] help,about the selectors

<div><strong>my code:</strong></div>
<div>$.ajax({
  url: "test.do",
  dataType: "xml",
  success:paint
});</div>
<div>var paint = function(response){
  <strong>var compenonts= $(response).find("Component"); // what expression should be here??
</strong>  compenonts.each(function(index, compenont_ele){
      var compenont = $(compenont_ele);
      var name= compenont.attr("name");
      alert(name);
   });
}</div>
<div><strong>I expect alert : a、b、c、d</strong></div>
<div><strong>but actually alert : a、b、c、c1、c2、d</strong></div>
<div>
 </div>
<div> </div>
<div>test.do wil return :</div>
<div><Components></div>
<div>       <Component name="a" /></div>
<div>       <Component name="b" /></div>
<div>       <Component name="c" ></div>
<div>               <children name="c.children" ></div>
<div>
<div>                    <Component name="c1" ></div>
<div>                    <Component name="c2" ></div>
<div>                     ...</div></div>
<div>               </children></div>
<div>       </Component></div>
<div>       <Component name="d" /></div>
<div></Components></div>
<div> </div>