Kann nicht .find() Tag nach der Verwendung von .attr()

Question

Ich benutze jQuery mit node-horseman, um auf eine Seite klicken, und ich basiere mich auf eine data-id, die diese Seite hat, an meine Anwendung zu übergeben suchen sie nach dem li Tag mit diesem Attribut:

jQuery('#manage-alerts-div li').attr('data-id', this.feedID) 

Aber ich brauche noch einen Tag in dieser li zu finden, und durch eine .find() danach das Hinzufügen, nur ein leerer Link zurückgegeben wird, und ich kann es nicht sehen, ist HTML-Inhalt .

jQuery('#manage-alerts-div li').attr('data-id', this.feedID).find('.delete_button').click() 

Answer 1

Dieser Code funktioniert ::

jQuery('#manage-alerts-div li[data-id="' + this.feedID + '"]').find('.delete_button').click(); 

Answer 2

Die jQuery Methode end() Beschreibung: Beenden der letzten Filteroperation in der aktuellen Kette und gibt den Satz von abgestimmten Elementen in den vorherigen Zustand.

könnten Sie die Methode jQuery verwenden end() wie:

jQuery('#manage-alerts-div li').attr('data-id', this.feedID).end().find('.delete_button').click(); 
______________________________________________________________^^^^^ 

Wenn Sie mit dem data-id suchen möchten, dann können Sie verwenden:

$('#manage-alerts-div li[data-id='+this.feedID+']').find('.delete_button').click(); 

Hoffnung, das hilft. finden

$('.delete_button').click(function(){ 
 
    console.log($(this).closest('li')[0].outerHTML); 
 
}) 
 

 
var feedId = 20; //Should be 'this.feedID' in your case 
 
$('#manage-alerts-div li[data-id='+feedId+']').find('.delete_button').click();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<ul id='manage-alerts-div'> 
 
    <li data-id='10'>Text 1 <button class='delete_button'>delete button 1</button></li> 
 
    <li data-id='20'>Text 2 <button class='delete_button'>delete button 2</button></li> 
 
    <li data-id='30'>Text 3 <button class='delete_button'>delete button 3</button></li> 
 
</ul>