动态追加html时,jquery选择器不起作用

Question

我可以动态地将"选择"控件附加到DOM,在将它附加到DOM之后,我想要更改最后一个"选择"的html内容(动态添加的最新"选择"),但它失败了......

(我无法在param_html中设置选项值,因为我应该稍后使用ajax请求来设置它们.)

<script>
    $(function(){
      var param_html = '<select class="params"></select>';
      $("input[value='+']").click(function(){
        $('#parameters').append(param_html);
          $('.params :last').html('<option>aaa</option><option>keyword in profile</option><option>last tweet</option>');
      });

    });
  </script>
  <div id="parameters">
    <input type="button" value="+">
    <select class="params"><option>1</option><option>2</option></select>
  </div>

任何建议表示赞赏.

Answer 1

取出params和last之间的空间

$('.params:last').html('<option>aaa</option><option>keyword in profile</option><option>last tweet</option>');