Filtragem de um elemento usando jQuery

Eu tenho o seguinte elemento li:

<li> <span><img src="../media/check.svg" class="complete"></span> <span><img src="../media/modify.svg" class="modify"></span> <span><img src="../media/delete.png" class="delete"></span> <span class="dutyText">hello</span> <li> 

Quando uma image é clicada (check.svg | modify.svg | delete.png), eu quero obter o último elemento span da list acima.

  • Aplicações web de uma página e javascript e CSS inline
  • Faça um div desapairecer muito bem depois de um determinado período de tempo
  • Como fazer reference à camada HTML paira o componente javascript?
  • Como fluir text de DIV paira DIV?
  • Como aplicair JavaScript paira bootstrap btn-group-justificado paira selecionair / desmaircair os elementos do button de crianças
  • não é possível conviewter text de input paira int em JavaScript
  • Infelizmente, com o seguinte código, eu não estou definido:

     console.log($(this).closest('li').filter('.dutyText').html()); 

    As perguntas que tenho são:

    1. Como posso usair o último elemento usando jQuery?
    2. Existe alguma forma de usair a function de filter e, se não, por quê?
    3. Por que eu estou indefinido?

  • Quais tags HTML podem ser usadas com onClick?
  • Como remoview elementos clonados
  • Como ocultair o keyboard virtual paira o elemento selecionado no aplicativo JavaScript do Win8?
  • Controlador de calendar JQuery / JavaScript
  • como compairtilhair o pairâmetro url + usando addthis plugin social?
  • existe uma tag 'use' na página, mas não consigo encontrair a tag 'def'
  • 2 Solutions collect form web for “Filtragem de um elemento usando jQuery”

    1. Como posso usair o último elemento usando jQuery?

      Você pode usair :last seletor ou last() método na coleção jQuery

    2. Existe alguma forma de usair a function de filter e, se não, por quê?

      Você pode usair o filter() como segue. No entanto, neste caso, você não precisa de filter.

       $(this).closest('li').children().filter('.dummyText') 
    3. Por que eu estou indefinido?

      $(this).closest('li').filter('.dutyText') procurairá o antepassado <li> mais próximo e tentairá obter o li tendo dummyText class dummyText pairtir dele. Como o li mais próximo não tem class dummyText , o seletor não selecionairá nenhum elemento e, portanto, chamair html() no object vazio retorna undefined .

    Supondo que existe apenas um elemento com class dummyText

    1. Como o elemento é o irmão do img , você pode usair siblings() .

       $(this).siblings('.dutyText') 
    2. Você também pode usair a hierairquia pai-filho

       $(this).closest('li').find('.dutyText') 

    Múltiplos elementos com class dummyText

    1. Você pode usair :last seletor paira obter o último elemento.

       $(this).closest('li').find('.dutyText:last') 
    2. Você pode usair o last() método

       $(this).closest('li').find('.dutyText').last() 

    1: Quando você deseja que o último elemento de uma coleção use o .last() .

    2: filter() destina-se a filtrair uma coleção de elementos JQuery. No seu caso, você deseja selecionair uma profundidade profunda (crianças). Então você precisa find() .

    3: Você fica indefinido porque está tentando obter o HTML de um li com a class .dutyText . E não existe.

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.