在使用jquery方法之前如何只显示一个两个文本框？

Question

我使用jquery方法之前的文本框应用到我的wordpress页面之一。但问题是它显示的是两个文本框而不是一个。我想只显示一个文本框。这是我的代码

var $ = jQuery.noConflict();
$(".product-listing-table").before("<p><input type='text' placeholder='search product by name, status, sku' id='upen'></p>");

Answer 1

使用此

var $ = jQuery.noConflict();
$( document ).ready(function() {
  // This will remove the serach_input
  $(".search_input").remove();
  $(".product-listing-table").before("<p class="search_input"><input type='text' placeholder='search product by name, status, sku' id='upen'></p>");
});