$.each()遍历input 框

可以使用$.each()函数来遍历input框，示例代码如下：

$("input").each(function() {
  // 获取当前input框的值
  var value = $(this).val();
  // 对当前input框进行操作
  // ...
});

在上述代码中，$("input")表示选取所有的input框，然后使用$.each()函数进行遍历，每次遍历时，$(this)表示当前的input框，可以使用$(this).val()获取当前input框的值，然后进行相应的操作。

相关问题

jQuery1. 作为⼀般函数调⽤: $(param) 1). 参数为函数 : 当DOM加载完成后，执⾏此回调函数 2). 参数为选择器字符串: 查找所有匹配的标签, 并将它们封装 成jQuery对象 3). 参数为DOM对象: 将dom对象封装成jQuery对象 4). 参数为html标签字符串 (⽤得少): 创建标签对象并封装成 jQuery对象 2. 作为对象使⽤: $.xxx() 1). $.each() : 隐式遍历数组 2). $.trim() : 去除两端的空格 需求1. 点击按钮: 显示按钮的⽂本, 显示⼀个新的输⼊框 需求2. 遍历输出数组中所有元素值 ["aaa", "bbb", "ccc"] 需求3. 去掉" my tic "两端的空格

回答：

1. 实现需求1的代码：

$('button').click(function(){
  var btnText = $(this).text(); // 获取按钮的文本内容
  alert(btnText); // 弹出按钮文本内容
  $('body').append('<input type="text" />'); // 在body中添加一个新的输入框
});

2. 实现需求2的代码：

var arr = ["aaa", "bbb", "ccc"];
$.each(arr, function(index, value){ 
  console.log(value); // 遍历输出数组中所有元素值
});

3. 实现需求3的代码：

var str = " my tic ";
var newStr = $.trim(str); // 去掉字符串两端的空格
console.log(newStr); // 输出去掉空格后的结果

if (product.goodsClass() == 1) {//产品型 // 将字符串按照逗号分割成数组 var values = product.deliveryMode.split(","); $('input[name="deliveryMode"]').each(function () { // 判断当前复选框的 value 是否在给定的值中出现 if ($.inArray($(this).val(), values) !== -1) { // 如果出现，则将它选中 $(this).prop('checked', true); } }); } else if (product.goodsClass() == 2) {//服务型 var values = product.serviceType.split(","); $('input[name="serviceType"]').each(function () { // 判断当前复选框的 value 是否在给定的值中出现 if ($.inArray($(this).val(), values) !== -1) { // 如果出现，则将它选中 $(this).prop('checked', true); } }); }怎么优化

可以将这两个if语句合并成一个，避免重复的代码，具体实现可以使用一个对象来存储需要遍历的复选框的name和对应的值的属性名，遍历这个对象，对每个name对应的复选框进行选中操作。以下是示例代码：

var checkboxes = {
  'deliveryMode': 'product.deliveryMode',
  'serviceType': 'product.serviceType'
};

for (var name in checkboxes) {
  if (product.goodsClass() == 1 && name == 'deliveryMode' || product.goodsClass() == 2 && name == 'serviceType') {
    var values = eval(checkboxes[name]).split(",");
    $('input[name="' + name + '"]').each(function () {
      if ($.inArray($(this).val(), values) !== -1) {
        $(this).prop('checked', true);
      }
    });
  }
}

其中，`eval()` 方法可以动态地将字符串作为代码执行，这里用它来获取对应属性的值。使用 `for...in` 循环遍历对象的属性名，如果当前属性名符合条件，则获取对应的值，然后选中对应的复选框。