jQuery Поиск правой вкладки с классом

Question

Вот моя проблема, у меня есть пользовательский интерфейс jquery. У меня также есть ошибка, которая возникает на вкладке, но я хочу, чтобы мои клиенты нашли ошибку, не просматривая каждую вкладку. Что мой код должен делать, если проверка validationerror видна, он будет искать ближайший LI с панелью вкладок класса, а затем найти идентификатор, прикрепленный к этим вкладкам li-1 и т. Д. Затем поместите это рядом с Href, которое соответствует потому что я обнаружил, какой div существует. Да, сумасшедший. AppendTo добавляет восклицательный знак в конце URL-адреса, поэтому я знаю, что это вкладка проблемы, я добавлю сообщение позже, как только смогу сделать это Im good as gold. Благодаря!

$(document).ready(function(){ 
var finderror = $('.validationError:visible').closest('div[class^="ui-tabs-panel"]').attr('id'); 
    if($('.validationError').is(':visible')) { 
     $('li a[@href*=' + finderror + ']').appendTo('!'); 
    }; 

}); 

Answer 1

Возможно, класс ui-tabs-panel не является первой частью значения атрибута класса. Я думаю, что селектор слишком специфичен ИМО, и я хотел бы изменить его на:

closest('div.ui-tabs-panel') 

Как и в стороне, вы должны использовать опору, не атр.

Надеюсь, это поможет.

P.S. И Флоремин прав, это должно быть Append, а не AppendTo.

Далее редактирования: вы можете иметь несколько ошибок проверки, так что вы на самом деле нужно делать каждый на них, например, так:

$(document).ready(function(){ 
    $('.validationError:visible').each(function(i, e) { 
     var finderror = $(e).closest('div.ui-tabs-panel').prop('id'); 
     $('li a[@href*=' + finderror + ']').removeClass("validationError").addClass("validationError"); 
    }); 
}); 

Вместо возгласа, я бы сделал это с классом.

---

Рабочий код!

$('.validationError:visible').each(function(i, e) { 
     var finderror = $(e).closest('div#tabs > div').prop('id'); 
    var errorInf = $('li a[href=#' + finderror + ']'); 
     $(errorInf).append('<span style="color: red; padding: 2px; font-size: 16px;">!</span>'); 
    }); 
});