如何在jquery中选择第n个子元素?

时间:2017-03-31 12:25:17

标签: jquery jquery-selectors

我有像

这样的结构
<li id="step1_li">
 <a>...</a>
 <a>...</a>
</li>

我想选择第二个&#39; a&#39;标签

我正在使用

$('#step1_li :nth-child(2) a').addClass("hide");

但它不起作用,请说明我的错误。

3 个答案:

答案 0 :(得分:2)

你写错了。就像在CSS中一样

$('#step1_li a:nth-child(2)').addClass("hide");

如果您想要找到nth元素,则需要将:nth-附加到该元素,在本例中为a元素

$('#step1_li  a:nth-child(2)').addClass("hide");
.hide { color:red;font-weight:bold}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li id="step1_li">
 <a>...</a>
 <a>...</a>
</li>

答案 1 :(得分:1)

    private const string Url = "http://localhost:61809/";
    public ItemService()
    {

        _httpClient.DefaultRequestHeaders.Accept.Clear();
        _httpClient.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));

    }


public async Task<IEnumerable<Item>> GetItemsAsync(string searchString)
    {
        List<Items>  = null;
        string path = @"api/item/" + searchString;
        HttpResponseMessage response = await _httpClient.GetAsync(Url+path).ConfigureAwait(false); 
        if (response.IsSuccessStatusCode)
        {
            items = await response.Content.ReadAsAsync<List<Item>>().ConfigureAwait(false);
        }
        return items;
    }
$(document).ready(function(){
  $("#step1_li a:nth-child(2)").hide();
});

答案 2 :(得分:0)

$( "li a:nth-child(2)" ).addClass("hide");

使用此....

相关问题