Select 此元素在 bootstrap 中使用 jQuery 定位

Question

<ul class="list-inline list-attachment" id="listOfAttachments">
    <li style="display: inline-block;">Test2.docx<a role=" button"><i class="fa fa-close blue"></i></a></li>
    <li style="display: none;">
        <a role="button"><i class="fa fa-close blue"></i></a>
    </li>
    <li style="display: none;">
        <a role="button"><i class="fa fa-close blue"></i></a>
    </li>
</ul>

我想 select 使用 jQuery 按钮。我已经尝试了很多次，一些样本是这样的：

$("#listOfAttachments > li > a > i")
$("#listOfAttachments > li > a > .fa .fa-close blue")

none 其中有效，有人可以帮助我吗？

Answer 1

我想 select 使用 jQuery 的按钮：（从 select 中删除 i tag 或）

$("#listOfAttachments > li > a[role='button']")

Fiddle: http://jsfiddle.net/c5pxaa8p/

Select 此元素在 bootstrap 中使用 jQuery 定位

Select this element in anchor in bootstrap using jQuery

jquery

css-selectors