![](/img/trans.png)
[英]Problem adding a class to a select box parent via jQuery, as is it applies to all select box parents on page
[英]Select all parents with class
如何选择具有一个特定类的所有父元素? 例如:
<ul class="123">
<li>
<li>
<ul class="qwe">
<li>
<li>
<ul class="123">
<li class="select">
<li>
</ul>
</ul>
</ul>
如何根据具有“ 123”类的“ select”类的li选择所有父ul元素?
这是您要找的东西吗?
$('.select').parents('.123');
或者更具体:
$('li.select').parents('ul.123');
如何使用has()
方法:
$("ul.123").has("li.select")
描述 :将匹配元素集简化为后代与选择器或DOM元素匹配的元素。
$('ul[class="123"] li.select');
//Or
$('li.select').parents('ul.123');
你好
您也可以尝试...
<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
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.