您能告诉我为什么parent
功能不能正常工作吗?
这是我的代码
https://jsbin.com/gefacenefi/edit?html,js,output
$(function () {
$('.add').click(function () {
$('.item').parent('li.nn').css('color', 'red');
});
});
预期产量
此文字为红色
<li class="nn">bhiooo</li>
最佳答案
请执行以下操作:
$(function () {
$('.add').click(function () {
$('.item').parent().siblings('li.nn').css('color', 'red');
});
});
另外,您没有正确关闭
li
元素。结构应如下所示:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
</head>
<body>
<button class="add">filler</button>
<div>
<ul>
<li class="nn">bhiooo</li>
<li class="m">hello22
<ul class="item">
<li class="abc">123</li>
<li class="pp">12</li>
<li class="abc">78</li>
<li class="ac">13</li>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>