带有变量

时间:2016-07-11 04:36:37

标签: javascript jquery

我有这样的标记

<div id="abc">abc</div>
<div id="def">abc</div>
<div id="xyz">abc</div>

我希望隐藏/显示我的数组值

var data = ["abc","def","xyz"];
    $.each(data, function(i, val) {
      console.log(val) // abc def xyz
      $("[id=" + val + "]").show(); // doesn't work
      $('#' + val).show() //doesn't work too
    })

但我发出以下错误

  

未捕获错误:语法错误,无法识别的表达式

1 个答案:

答案 0 :(得分:0)

你是否在自定义JS之前包含了JQUERY? 如果是,应该工作。请分享更多代码。

这里你的代码工作......

&#13;
&#13;
    var data = ["abc", "def", "xyz"];
    $.each(data, function(i, val) {
        console.log(val) // abc def xyz
        $("[id=" + val + "]").hide(); // this work
        //$('#' + val).hide()
    })
&#13;
<!DOCTYPE html>
<html>

<head>
    <title></title>
</head>

<body>
    <div id="abc">abc</div>
    <div id="def">abc</div>
    <div id="xyz">abc</div>
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
</body>

</html>
&#13;
&#13;
&#13;