javascript - 未捕获错误 : Syntax error, 无法识别的表达式:#[object HTMLDivElement]

Question

我将一个值传递给 codeigniter 函数以获得结果。 但是 ajax 值不会传递给 php 函数。

我的脚本函数如下:

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<Script>
$(document).ready(function() {
$("#up").on('click',function(){
      if ($("#incdec").val() < $(this).data("max")) {
        $("#incdec").val(parseInt($("#incdec").val())+1);
        }
});

$("#down").on('click',function(){
      if ($("#incdec").val() > $(this).data("min")) {
        $("#incdec").val(parseInt($("#incdec").val())-1);
      }
 });
 });
 $(document).ready(function() {
  $(".butt").on('click',function(){
    var e=$(".aa").val();
    alert(e);

    $.ajax({
         type:"POST",
         data:"id="+e,
         url:"<?php echo site_url('pages/getit');?>",
         success: function(html){
              $('#'+dataprocess).html(html);
         }
    });
  });
});

</script>

我的 HTML 代码:

<input type="text" name="incdec" id="incdec" value="0" class="aa"/>
<input type="button" class="butt"  id="up" value="Up" data-max="5" />
<input type="button" id="down" value="Down" data-min="0" class="butt"/>

<div id="dataprocess"></div>

但是我得到如下错误:

未捕获错误:语法错误，无法识别的表达式:#[object HTMLDivElement]

请帮我找出错误。

Answer 1

在这段代码中:

success: function(html){
    $('#'+dataprocess).html(html);
}

您正在向对象 dataprocess 附加一个字符串，即 '#'。

对象被转换为字符串，'[object HTMLDivElement]'，表明其类型。

试试这个:

success: function(html){
    $('#dataprocess').html(html);
}

编辑:

jquery 选择器的工作方式，在本例中为“by-id”选择器，您有“id”标记，“#”，立即后跟您尝试选择的控件的 ID，在本例中为 'dataprocess'。

这是一个关于 jquery 选择器的有用资源:

http://www.w3schools.com/jquery/jquery_ref_selectors.asp

希望这对您有所帮助。干杯!