Можно ли поставить одну кавычку в атрибуте JQuery равным селектору ([атрибут = значение])?

Мой Html выглядит следующим образом:

        <a href="#" id="QuoteTest">Click Here</a>
        <ul>
            <li title="this" style="position:relative">one</li>
            <li title="this" style="position:relative">two</li>
            <li title="tha't" style="position:relative" >three</li>
            <li title="tha't" style="position:relative">four</li>
         </ul>

Jquery:

$('a#QuoteTest').click(function() {
    $('li[title=this]').animate({ 'left': '+=40px' }, 'slow');
    $("li[title=tha't]").animate({ 'top': '+=40px' }, 'slow');
});

Я не могу заставить селектор работать с одной цитатой. Я попытался избежать цитаты с помощью "\", обратной косой черты, но это не помогло.

Любые идеи о том, что предлагается?

Ответ 1

Попробуйте два

$("li[title=tha\\'t]").animate({ 'top': '+=40px' }, 'slow');

Ответ 2

Ни один из них не работал у меня в IE, поэтому мне пришлось использовать filter():

$("li").filter(function(index){
    return $(this).attr("title") == "tha\'t"; 
})
.animate({ 'top':'+=40px' }, 'slow');

Ответ 3

Мне кажется, вам нужна двойная обратная косая черта, как ни странно. Что-то о том, как jQuery ускользает от этих строк. Таким образом, у вас будет:

$("li[title=tha\\'t]").animate({ 'top': '+=40px' }, 'slow');

Это было в других ситуациях. Сообщите мне, если это работает в этот раз.