How to find the number of elements in the list with custom class

tejabhargavreddy57371578780023 · November 1, 2021, 10:57am

coding-blocks-archives/Project-TodoList-Bootstrap-jQuery/blob/master/script.js

let ulTasks = $('#ulTasks')
let btnAdd = $('#btnAdd')
let btnReset = $('#btnReset')
let btnSort = $('#btnSort')
let btnCleanup = $('#btnCleanup')
let inpNewTask = $('#inpNewTask')

function addItem() {
  let listItem = $('<li>', {
    'class': 'list-group-item',
    text: inpNewTask.val()
  })
  listItem.click(() => {
    listItem.toggleClass('done')
  })
  ulTasks.append(listItem)
  inpNewTask.val('')
  toggleInputButtons()
}

This file has been truncated. show original

In line 34, even if there are no done tasks, the button Cleanup is enabled. How to make it work such that it is enabled only if there are elements with done attribute are present.

malyabansalper · November 10, 2021, 7:27am

You can do it by using length function.

// Gets the number of elements with class yourClass
var numItems = $('.yourclass').length

malyabansalper · November 11, 2021, 9:50am

I hope I’ve cleared your doubt. I ask you to please rate your experience here
Your feedback is very important. It helps us improve our platform and hence provide you
the learning experience you deserve.

On the off chance, you still have some questions or not find the answers satisfactory, you may reopen
the doubt.