var container = $('#container'); // 指定容器 var names = container.find('[name]').map(function() { return this.name; }).get(); console.log(names); 且去重

你可以使用 Set 数据结构来实现去重，代码如下：

var container = $('#container');
var names = [...new Set(container.find('[name]').map(function() {
  return this.name;
}).get())];
console.log(names);

或者使用 forEach 循环和 indexOf 方法来手动去重，代码如下：

var container = $('#container');
var names = [];
container.find('[name]').each(function() {
  var name = this.name;
  if (names.indexOf(name) === -1) {
    names.push(name);
  }
});
console.log(names);

相关问题

var container = $('#container'); var names = []; container.find('[name]').each(function() { var name = this.name; if (names.indexOf(name) === -1) { names.push(name); } }); console.log(names);怎么优化

可以使用ES6 Set数据结构来避免使用数组和indexOf方法，简化代码并提高效率。如下所示：

const container = $('#container');
const names = new Set();
container.find('[name]').each(function() {
  names.add(this.name);
});
console.log([...names]);

这里使用Set数据结构，遍历每个[name]属性元素并将其名称添加到Set中。最后，使用扩展运算符将Set转换为数组，并输出结果。

$(document).ready(function(){ $.ajax({ url: "getProvince.php", // 发送请求的URL dataType: "json", // 返回的数据类型 success: function(data){ // 请求成功时的回调函数 if(data.code === 200){ // 判断返回的状态码是否为200 var provinces = data.data; // 获取省份信息 var $provinceSelect = $("#province"); // 获取省份下拉框 $.each(provinces, function(index, province){ // 遍历省份信息 var $option = $("<option>").text(province.name).val(province.id); // 创建省份选项 $provinceSelect.append($option); // 添加省份选项到下拉框 }); } } }); $("#province").on("change", function(){ var provinceId = $(this).val(); // 获取选中省份的ID $.ajax({ url: "getCity.php", // 发送请求的URL data: {provinceId: provinceId}, // 发送请求的参数 dataType: "json", // 返回的数据类型 success: function(data){ // 请求成功时的回调函数 if(data.code === 200){ // 判断返回的状态码是否为200 var cities = data.data; // 获取城市信息 var $citySelect = $("#city"); // 获取城市下拉框 $citySelect.empty(); // 清空城市下拉框 $citySelect.append($("<option>").text("请选择市")); // 添加默认选项到城市下拉框 $.each(cities, function(index, city){ // 遍历城市信息 var $option = $("<option>").text(city.name).val(city.id); // 创建城市选项 $citySelect.append($option); // 添加城市选项到下拉框 }); } } }); }); });这段代码的servlet怎么写

根据 JavaScript 代码推测，您需要编写两个 Servlet 接口，分别用于处理获取省份信息和获取城市信息的 AJAX 请求。

以下是可能的 Servlet 代码示例：

1. 获取省份信息的 Servlet 接口代码示例：

@WebServlet("/getProvince")
public class GetProvinceServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 查询省份信息
        List<Province> provinces = provinceService.getProvinces();

        // 构造响应数据
        Map<String, Object> responseData = new HashMap<>();
        if (provinces != null) {
            responseData.put("code", 200);
            responseData.put("data", provinces);
        } else {
            responseData.put("code", 500);
            responseData.put("message", "获取省份信息失败");
        }

        // 设置响应头和响应内容类型
        response.setContentType("application/json;charset=utf-8");
        response.getWriter().write(JSON.toJSONString(responseData));
    }
}

2. 获取城市信息的 Servlet 接口代码示例：

@WebServlet("/getCity")
public class GetCityServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 获取请求参数 provinceId
        int provinceId = Integer.parseInt(request.getParameter("provinceId"));

        // 查询城市信息
        List<City> cities = cityService.getCitiesByProvinceId(provinceId);

        // 构造响应数据
        Map<String, Object> responseData = new HashMap<>();
        if (cities != null) {
            responseData.put("code", 200);
            responseData.put("data", cities);
        } else {
            responseData.put("code", 500);
            responseData.put("message", "获取城市信息失败");
        }

        // 设置响应头和响应内容类型
        response.setContentType("application/json;charset=utf-8");
        response.getWriter().write(JSON.toJSONString(responseData));
    }
}

需要注意的是，这里的 `provinceService` 和 `cityService` 是根据具体业务逻辑实现的服务类，您需要根据您的具体业务情况来实现这些服务类。另外，为了方便 JSON 数据的构造，这里使用了阿里巴巴的 fastjson 库，您需要在项目中添加该库的引用。