Question

我有这段代码

＆＃13;

$('#parent').each(function(){
		$('#parent p a:not(:has(img))').addClass('happy_cats');
});

＆＃13;

<div id="parent">
    <p><a href="#"><img src="http://cdn.playbuzz.com/cdn/0079c830-3406-4c05-a5c1-bc43e8f01479/7dd84d70-768b-492b-88f7-a6c70f2db2e9.jpg" width="100" height="100"></a></p>
    <p><a href="#">lol</a><p>
</div>

<div id="parent">
    <p>
        <a href="#"><img src="http://cdn.playbuzz.com/cdn/0079c830-3406-4c05-a5c1-bc43e8f01479/7dd84d70-768b-492b-88f7-a6c70f2db2e9.jpg" alt="ddd" width="100" height="100"></a></p>
    <p><a href="#">lol</a><p>
</div>

＆＃13;

我想在内部没有图像的链接上添加类happy_cats。我尝试使用此代码，它仅适用于第一个div #parent

感谢您的帮助！

Answer 1

使用class代替id

$('.parent').each(function(){
        $('.parent p a:not(:has(img))').addClass('happy_cats');
});

<div class="parent">
    <p><a href="#"><img src="http://cdn.playbuzz.com/cdn/0079c830-3406-4c05-a5c1-bc43e8f01479/7dd84d70-768b-492b-88f7-a6c70f2db2e9.jpg" width="100" height="100"></a></p>
    <p><a href="#">lol</a><p>
</div>

<div class="parent">
    <p>
        <a href="#"><img src="http://cdn.playbuzz.com/cdn/0079c830-3406-4c05-a5c1-bc43e8f01479/7dd84d70-768b-492b-88f7-a6c70f2db2e9.jpg" alt="ddd" width="100" height="100"></a></p>
    <p><a href="#">lol</a><p>
</div>

Answer 2

你可以做到

$('[id="parent"]').each(function(){
    $(this).find('p a:not(:has(img))').addClass('happy_cats');
});

或者可能只是

$('[id="parent"] p a:not(:has(img))').addClass('happy_cats');

$('#id')会找到第一场比赛

为每个div添加类链接

2 个答案: