Question

假设我有这个jQuery代码：

$.get('blog.html', function(data){ 
    $(data).find(".post img").appendTo(".post-thumbnail");
});

我有这个HTML输入框：

<input type='text' name="domain" id="url" />

是否可以获取输入框的值并将其替换为jQuery代码中的“.blog.html”？

Answer 1

是的，您可以访问该值，并使用输入框中的值发出请求。 'url'变量将包含名为'domain'的input元素的当前值。

var url = $("input[name=domain]").val();
$.get(url, function(data){ 
    $(data).find(".post img").appendTo(".post-thumbnail");
});

Answer 2

是的，

听取输入的"input"事件！
使用url获取$.trim(this.value) + '.html'（偶尔修剪包装空格）

function getPage() { 

  var url = $.trim(this.value) + ".html";

  $.get( url, function (data) { 
      $(data).find(".post img").appendTo(".post-thumbnail");
  });

}


$("#url").on("input", getPage);

我可以用输入值更改jQuery代码吗？

2 个答案: