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

Question

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

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

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

万分感谢

Answer 1

<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
}

Answer 2

<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'));

Answer 3

<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>

Answer 4

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

$(".div .selected")

Answer 5

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

Answer 6

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

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