Question

如何选择具有一个特定类的所有父元素？例如：

<ul class="123">
  <li>
  <li>
    <ul class="qwe">
      <li>
      <li>
        <ul class="123">
          <li class="select">
          <li>
        </ul>
    </ul>
</ul>

如何根据具有“123”类的“select”类的li选择所有父ul元素？

Answer 1

这是你要找的吗？

$('.select').parents('.123');

或许更具体：

$('li.select').parents('ul.123');

Answer 2

使用has()方法的替代方法如何：

$("ul.123").has("li.select")

http://jsfiddle.net/6wB49/

<强> has()

描述：将匹配元素集减少到具有的匹配元素集与选择器或DOM元素匹配的后代。

Answer 3

jquery-class-selectors

$('ul[class="123"] li.select');

//Or

$('li.select').parents('ul.123');

Answer 4

<强>您好，

你也可以尝试这个......

<head runat="server">
    <title></title>
    <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('ul').bind('click', function () {
                $(this).parent().each(function () {
                    alert($(this).attr('title'));
                });
            });
            $('li').bind('onclick', function () {
                $(this).parent().each(function () {
                    alert($(this).html());
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div title="div">
        <ul class="123" title="1111_1">
            <li title="test_1">Test 1</li>
            <li title="test_2">Test 2</li>
            <ul class="qwe" title="qwe">
                <li title="qwe_1">ABC 1</li>
                <li title="qwe_2">ABC 2</li>
                <ul class="123" title="123">
                    <li class="select" title="123_1">XYZ 1</li>
                    <li title="123_2">XYZ 2</li>
                </ul>
            </ul>
        </ul>
    </div>
    </form>
</body>
</html>

谢谢， Vishal Patel

选择所有班级的父母

4 个答案: