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

我可以动态地将select控件附加到DOM，在将它附加到DOM之后，我想更改最后一个select的html内容动态添加的最新select，但是失败了

我不能在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>

---

感谢您的建议。

去掉参数和：last之间的空格

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

---

您的内容似乎是在加载dom后添加的

---

试试live

你的CSS选择器是importer，应该是$'.params:last child'或$'.params:last'我想那里不允许使用空格键

也没有人禁止您使用您创建的对象：

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

    });

---

如果您将来打算使用AJAX，那么同样的想法也会奏效，而不是将对象用途重新选择为您创建的对象。

这是一个非常令人困惑的问题，您提供的脚本在上下文中似乎没有意义。你能试着澄清一下吗？事实上，这是他的问题；对不起，我的英语很差，我已经尽力正确地表达了我想说的话