代码之家 › 专栏 › 技术社区 › orandov

我可以在jquery属性等于选择器([attribute=value])中放一个单引号吗?

css-selectors jquery

orandov · 技术社区 · 15 年前

我的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');
});

我不能让选择器使用其中的单引号。我试图用反斜杠“\”来转义引号,但这没有帮助。

有什么建议吗?

3 回复 | 直到 15 年前

redsquare 15 年前

试试两个

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

Captain Obvious 15 年前

在IE中这些都不适用于我,所以我必须使用filter():

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

Gabriel Hurley 15 年前

我觉得你需要一个双反斜杠,很奇怪。关于jquery如何避开这些字符串的一些内容。所以你会有:

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

在其他情况下就是这样。让我知道这次是否有效。

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

2 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前