首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将类添加到每个div的链接

将类添加到每个div的链接
EN

Stack Overflow用户
提问于 2015-06-24 22:14:55
回答 2查看 51关注 0票数 1

我有这个代码

代码语言:javascript
运行
复制
$('#parent').each(function(){
		$('#parent p a:not(:has(img))').addClass('happy_cats');
});
代码语言:javascript
运行
复制
<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>

我想在没有图像的链接上添加类happy_cats。我试过这段代码,它只适用于第一个div #parent

谢谢你的帮助!

EN

回答 2

Stack Overflow用户

发布于 2015-06-24 22:17:58

使用class而不是id

代码语言:javascript
运行
复制
$('.parent').each(function(){
        $('.parent p a:not(:has(img))').addClass('happy_cats');
});
代码语言:javascript
运行
复制
<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>
票数 2
EN

Stack Overflow用户

发布于 2015-06-25 02:08:29

你可以做到

代码语言:javascript
运行
复制
$('[id="parent"]').each(function(){
    $(this).find('p a:not(:has(img))').addClass('happy_cats');
});

或者可能只是

代码语言:javascript
运行
复制
$('[id="parent"] p a:not(:has(img))').addClass('happy_cats');

$('#id')只会找到第一个匹配项

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31029044

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档