Skip to main content
adicionou 53 caracteres ao conteúdo
Fonte Link
Felipe Coelho
  • 574
  • 1
  • 5
  • 17

Veja se isso te ajuda. Criei uma lista de items usando também a propriedade data-value. Ele verifica o valor dessa prop e exibe um alert se encontra o valor:

HTML:

<ul id="#lista"></ul>

JavaScript:

$("#lista").append("<li data-value='item1'>Item 1</li>")
$("#lista").append("<li data-value='item2'>Item 2</li>")
$("#lista").append("<li data-value='item3'>Item 3</li>")
$("#lista").append("<li data-value='item4'>Item 4</li>")

$("#lista").find('li').each(function() {
  $(this).on('click', function() {
    var value = $(this).data('value')
    if(value === 'item1') {
      alert('Item 1 encontrado')
    }
  })  
})

Veja se isso te ajuda. Criei uma lista de items usando também a propriedade data-value. Ele verifica o valor dessa prop e exibe um alert se encontra o valor:

$("#lista").append("<li data-value='item1'>Item 1</li>")
$("#lista").append("<li data-value='item2'>Item 2</li>")
$("#lista").append("<li data-value='item3'>Item 3</li>")
$("#lista").append("<li data-value='item4'>Item 4</li>")

$("#lista").find('li').each(function() {
  $(this).on('click', function() {
    var value = $(this).data('value')
    if(value === 'item1') {
      alert('Item 1 encontrado')
    }
  })  
})

Veja se isso te ajuda. Criei uma lista de items usando também a propriedade data-value. Ele verifica o valor dessa prop e exibe um alert se encontra o valor:

HTML:

<ul id="#lista"></ul>

JavaScript:

$("#lista").append("<li data-value='item1'>Item 1</li>")
$("#lista").append("<li data-value='item2'>Item 2</li>")
$("#lista").append("<li data-value='item3'>Item 3</li>")
$("#lista").append("<li data-value='item4'>Item 4</li>")

$("#lista").find('li').each(function() {
  $(this).on('click', function() {
    var value = $(this).data('value')
    if(value === 'item1') {
      alert('Item 1 encontrado')
    }
  })  
})
Fonte Link
Felipe Coelho
  • 574
  • 1
  • 5
  • 17

Veja se isso te ajuda. Criei uma lista de items usando também a propriedade data-value. Ele verifica o valor dessa prop e exibe um alert se encontra o valor:

$("#lista").append("<li data-value='item1'>Item 1</li>")
$("#lista").append("<li data-value='item2'>Item 2</li>")
$("#lista").append("<li data-value='item3'>Item 3</li>")
$("#lista").append("<li data-value='item4'>Item 4</li>")

$("#lista").find('li').each(function() {
  $(this).on('click', function() {
    var value = $(this).data('value')
    if(value === 'item1') {
      alert('Item 1 encontrado')
    }
  })  
})