页面上有五个li元素,用JQ去查找是否拥有class为current的元素
时间: 2024-03-21 08:42:19 浏览: 15
可以使用以下代码来查找是否有class为current的li元素:
```javascript
if($('li').hasClass('current')){
console.log('存在class为current的li元素');
} else {
console.log('不存在class为current的li元素');
}
```
如果想要只查找页面上的五个li元素,可以使用以下代码:
```javascript
if($('li').length === 5 && $('li').hasClass('current')){
console.log('存在class为current的li元素');
} else {
console.log('不存在class为current的li元素');
}
```
这样可以确保只查找页面上的五个li元素,并且判断是否有class为current的元素。
相关问题
页面上有五个li元素,用JQ去查找没有有class为current的元素
可以使用以下代码来查找没有class为current的li元素:
```javascript
if($('li').not('.current').length === 5){
console.log('所有li元素都没有class为current');
} else {
console.log('部分li元素有class为current');
}
```
这里使用了`not()`方法来排除掉所有具有class为current的li元素,然后判断剩下的li元素数量是否等于5,如果等于5则说明所有li元素都没有class为current。
点击li元素时无法设置为页面的背景图片
可能是因为代码中的 this.src 并不是指向 li 元素的背景图片路径,而是指向 li 元素本身的路径。可以尝试将代码修改为以下内容,以获取正确的背景图片路径并设置为页面背景图片:
```javascript
var lis = document.getElementsByTagName('li');
for (var i = 0; i < lis.length; i++) {
lis[i].onclick = function() {
document.body.style.backgroundImage = 'url(' + this.style.backgroundImage.slice(4, -1) + ')';
}
}
```
这个修改后的代码会获取 li 元素的背景图片路径,并将其设置为页面的背景图片。