0

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

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

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

4

4 回答 4

5

这是你要找的吗？

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

或者更具体的：

$('li.select').parents('ul.123');
于 2013-08-05T17:19:02.817 回答
2

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

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

http://jsfiddle.net/6wB49/

拥有（）

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

于 2013-08-05T17:33:11.670 回答
0

jquery 类选择器

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

//Or

$('li.select').parents('ul.123');
于 2013-08-05T17:22:30.373 回答
0

你好，

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

<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>

谢谢你，维沙尔·帕特尔

于 2013-10-18T08:06:16.123 回答