Блог

У меня есть список <li> , который я делаю для каждого, список элементов отображает предложения по поиску. Я хочу добавить дополнение <li> только к первому <li> , указывающему «результаты поиска по ключевому слову». Ниже приведен мой код,

 nksXhr = jQuery.post( nks.ajaxUrl, data, function( response ) {
        var lists = response.data;
        var str  = '';
        var word = $('.find-post').val();
        // console.log(lists);
        // <li class="ui-autocomplete-heading">Search results for <span>'   word   '</span></li>
        var searchResultsFor = '<li class="nks"> search results for:'  word '</li>';
        lists.forEach( function( list ) {
            str  = '<li class="nks-redirect" data-href="'   list.link   '"><span class="ac-text"><h6>'   list.title   '</h6></span></li>';
        });
        if ( lists.length === 0 ) {
            str  = '<li class="nks-no-results">No results for '   word   '</li>';
        }
        else {
            searchResultsFor  = str;
        }
        searchInput.parent().find( '.nks-suggestions' ).addClass( 'nks-open-suggestions' );
        searchInput.parent().find( '.nks-suggestions' ).html( str );
        searchInput.parent().find( '.nks-loader' ).hide();
    });
  

Вы никогда не используете searchResultsFor для вставки в документ

Попробуйте изменить :

 else {
    searchResultsFor  = str;
}
  

Для

 else {
    str = searchResultsFor   str;
}
  

Затем, когда вы это сделаете .html( str ) , он будет включен

 $(".nks-suggestions").prepend('<li class="nks"> search results for keyword</li>');