Question

愚蠢的问题，但我是javascript.i的新手我试图通过Id = mySelect 访问html元素。但是出现控制台错误。

$(function() {

  var count = 0;

  $("#btn").on("click", function(e) {
    e.preventDefault();
    debugger;
    AddOptions("mySelect", count, "Hello");
    count++;
  });

  function AddOptions(SourceName, value, Title) {
    debugger;
    var objResolve = $("'#" + SourceName + "'"); //here getting console error "Uncaught Error: Syntax error, unrecognized expression: '#mySelect'"
    objResolve.append("<option value='" + count + "'>Cate Male</option>");
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<select id="mySelect"></select>
<input type="button" id="btn" title="Add" value="Add" />

Answer 1

变化：

$("'#" + SourceName + "'");

到

$("#" + SourceName);

$(function() {

  var count = 0;

  $("#btn").on("click", function(e) {
    e.preventDefault();
    AddOptions("mySelect", count, "Hello");

    count++;
  });


  function AddOptions(SourceName, value, Title) {
    var objResolve = $("#" + SourceName); //here getting console error "Uncaught Error: Syntax error, unrecognized expression: '#mySelect'"
    objResolve.append("<option value='" + count + "'>Cate Male</option>");

  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="mySelect"></select>
<input type="button" id="btn" title="Add" value="Add" />

Answer 2

不要在选择器中放置'个字符。您可以将它们用于JavaScript字符串文字。

Answer 3

更改此行

var objResolve = $("'#" + SourceName + "'");

到

var objResolve = $("#" + SourceName);

在开头或结尾不需要额外的报价

如何使用jquery访问HTML元素

3 个答案: