求教:我现在有两个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>