如何在元素內到達子<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");