jQuery 2 сообщения об ошибках возвращаются, но нужно только 1 для отображения

Question

Хорошо, я получаю 2 сообщения об ошибках, которые в свою очередь отображают 2 сообщения одного и того же. как я могу показать только одно сообщение?

jQuery.noConflict();

   jQuery(document).ready(function(){
      if (jQuery("span.errorMessage").length > 0) {                                                              
         var $this = jQuery("span.errorMessage");
         var t = $this.text();

         // Clear the text
         $this.text('');

         // Add new message
         $this.text('No search criteria was specified.');

         // Change the layout
         jQuery('#errorMessage').appendTo(jQuery('#message_display'));
      }
   });

Добавление HTML-кода для ошибки

<span id="errorMessage">    
         <ul>
        <li><span class="errorMessage">No search criteria was specified.</span></li>
        <li><span class="errorMessage">No search criteria was specified.</span></li>
    </ul>
</span>

Answer 1

Похоже, что вы добавляете текст в #errormessage, но очищаете # this.text (). Я предполагаю, что вам нужно очистить #errormessage перед добавлением в него новых ошибок.

Попробуйте это ....

<div id="errorMessage">    
    <ul>
        <li><span class="errorMessage">1 No search criteria was specified.</span></li>
        <li><span class="errorMessage">2 No search criteria was specified.</span></li>
        <li><span class="errorMessage">3 No search criteria was specified.</span></li>
        <li><span class="errorMessage">4 No search criteria was specified.</span></li>
    </ul>
</div>

$(document).ready(function() {
    SetupMessageManager();
    $('.errorMessage').parent().hide();
    $('.errorMessage:first').parent().show();
});