使用jquery隐藏带有名称的元素[重复]答案

【问题标题】：hide elements with name using jquery [duplicate]使用jquery隐藏带有名称的元素[重复]
【发布时间】：2014-07-09 12:45:06
【问题描述】：

我正在使用主干和

我在模板中有以下代码

    <a class="al_ynbtn apv_app" id="approveLeave" name=<%=leave_request_id%>></a>
    <a class="al_ynbtn can_app" id="rejectLeave" name=<%=leave_request_id%>></a>

在渲染函数中我有以下代码

  render: function() {
        $(this.el).html(this.template(this.model));
        var selectedElem='[name='+self.model.leave_request_id+']';
            console.log(selectedElem);
            console.log($(selectedElem));
            //$("a[name='"self.model.leave_request_id+"']" )
            $(selectedElem).hide();


        return this.el;
    }

console.log(selectedElem) 打印 [name=3257]

console.log($(selectedElem)) 打印

[a#approveLeave.al_ynbtn.apv_app，a#rejectLeave.al_ynbtn.can_app，prevObject：m.fn.init[1]，上下文：文档，选择器：“[name=3257]”，jquery：“1.11。 1"，构造函数：函数…] 0：a#approveLeave.al_ynbtn.apv_app 1：a#rejectLeave.al_ynbtn.can_app 上下文：文档长度：2 上一个对象：m.fn.init[1] 选择器：“[名称=3257]” 原型：对象[0]

我想隐藏 name=3257 的元素？该怎么做？

【问题讨论】：

selectedElem 打印正确，但元素没有被 $(selectedElem).hide() 隐藏。连接有什么问题吗？
不确定到底出了什么问题 - 我认为您的代码中的其他地方存在问题。我将代码简化为仅按名称查询，它工作正常。见jsfiddle.net/rbGfg

标签： javascript jquery backbone.js jquery-selectors

【解决方案1】：

render: function() {
    $(this.el).html(this.template(this.model));
    var selectedElem='[name='+self.model.leave_request_id+']';
    //$('[name=\'3257\']').hide(); //Hardcoded name value
    $('[name=\'' + self.model.leave_request_id + '\']').hide();//jQuery cascades so you can call .hide() on the same line
    return this.el;
}

【讨论】：

【解决方案2】：

使用 jquery：

$('a').filter(function(){
    return this.name === '3257';
}).hide();

【讨论】：

【解决方案3】：

我认为你的名字周围缺少引号：

<a class="al_ynbtn apv_app" id="approveLeave" name="<%=leave_request_id%>"></a>
<a class="al_ynbtn can_app" id="rejectLeave" name="<%=leave_request_id%>"></a>

【讨论】：