首页 > Javascript或者jQuery如何判断div是否selected

Javascript或者jQuery如何判断div是否selected

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

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

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

万分感谢


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

//多个情况
$.each( $('div'), function (i, v) {
    if ( $(v).hasClass('selected') ) {
        console.log( v.id )
    }
})
//唯一的情况
$('div.selected').attr("id");

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

JS

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

JQ

console.log($('.div.selected').prop('id'));

console.log(document.querySelector('div.selected'));//这就是你那个元素了

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

$(".div .selected")

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

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

jq

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


<div class="selected node" id="1"> 这是例子1 </div>
<div id="2" class="node"> 这是例子2 </div>
<script>
    $('.node').each(function(index,item){
        if($(item).hasClass('selected')){
            alert(item.id)
        }
    })
</script>
【热门文章】
【热门文章】