如何在元素内到达子<a>元素</a>

Question

我有这样的结构

 <ul>
  <li>
    <a>
     <img />
     <span />
    </a>
  </li>
  <li> 
    ......
  </li>
  <li> 
    ......
  </li>
 </ul>

我正在使用像这样的jQuery＃

            $("ul#someid").find("li:last > a[name="some.....]

我如何才能像上述在“ a”元素中访问img元素和span元素。

我现在这样使用

  $("ul#pushedProducts").find("li:last > a[name= <%=PushedProductsParametersMapper.PARAMS_PRODUCTS_INFO%>]").children('span').attr({name:'<%=PushedProductsParametersMapper.PARAMS_PRODUCTS_INFO%>' + pushedProductsTypesCount, id:'<%=PushedProductsParametersMapper.PARAMS_PRODUCTS_INFO%>' + pushedProductsTypesCount , style :'display:none;'});

Answer 1

如果要选择两者，则可以使用.children() ^[docs] ：

$("#someid").find("li:last > a[name=['someName']").children();

否则，只需再次使用子选择器^[docs] ， a > b > c ，
或后代选择器^[docs] ， a > bc 。

您可以根据需要组合选择器^[docs] 。

Answer 2

var $img = $("ul#someid").find('li:last > a[name="some....."]').children("img")

注意name旁边的引号

Answer 3

假设A标签有一个ID，

$('#id img')

和

$('#id span')

足够了。 使用$（'。class img'）等类也可以正常工作

Answer 4

$("ul#someid li:first a[name='somename'] img")...
$("ul#someid li:first a[name='somename'] span")...

Answer 5

$("ul#someid").find("li:last > a").children(); // will give you all children
$("ul#someid").find("li:last > a").find("img");
$("ul#someid").find("li:last > a").find("span");