css - Javascript或者jQuery如何判断div是否selected
黄舟
黄舟 2017-04-11 11:06:09
[JavaScript讨论组]

求教:我现在有两个p块,如何使用js或者jQuery判断哪一个为selected

这是例子1

这是例子2

如何用JS或者JQuery判断哪一个处于selected状态,然后输出他的id值

万分感谢

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(6)
PHP中文网

<p class="selected p" id="1"> 这是例子1 </p>

<p class="p" id="2"> 这是例子2 </p>

jq

if($('.p').has('selected')) {
$('.p').attr('id') // id为1
} else {
$('.p').attr('id') // id为2
}

PHP中文网
<p class="selected p" id="1"> 这是例子1 </p>
<p class="p" id="2"> 这是例子2 </p>

JS

console.log(document.querySelector('.p.selected').id);

JQ

console.log($('.p.selected').prop('id'));
PHP中文网
<p class="selected node" id="1"> 这是例子1 </p>
<p id="2" class="node"> 这是例子2 </p>
<script>
    $('.node').each(function(index,item){
        if($(item).hasClass('selected')){
            alert(item.id)
        }
    })
</script>
PHPz

抱歉我没认真看jQuery选择器可以这么写

$(".p .selected")
PHP中文网
console.log(document.querySelector('p.selected'));//这就是你那个元素了
PHP中文网

我不太明白你的需求,但是判断class的话,jquery 是有 hasClass()

//多个情况
$.each( $('p'), function (i, v) {
    if ( $(v).hasClass('selected') ) {
        console.log( v.id )
    }
})
//唯一的情况
$('p.selected').attr("id");
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号