Передача нескольких аргументов в функцию jQuery - PullRequest
Новая
       12

Передача нескольких аргументов в функцию jQuery

3 голосов
/ 06 марта 2019

У меня есть функция, которая получает данные из различных входных данных (несколько значений) и заполняет таблицу.

Вот фрагмент кода jquery: 

var row =1   
$("input[name='product_id[]']").each(function() {               
        $rows[row].cells[0].innerText = $(this).val();      
        row = row+1;
    });

    row=1;
    $("input[name='product_name[]']").each(function() {             
        $rows[row].cells[1].innerText = $(this).val();      
        row = row+1;
    });

    row=1;
    $("input[name='manufacturer[]']").each(function() {             
        $rows[row].cells[2].innerText = $(this).val();      
        row = row+1;
    });

    row=1;
    $("input[name='composition[]']").each(function() {              
        $rows[row].cells[3].innerText = $(this).val();      
        row = row+1;
    });

Мне было интересно, могу ли я объединить несколько итераторов в один итератор?

Спасибо Киран

Ответы [ 4 ]

3 голосов
/ 06 марта 2019

Вы можете присоединиться к селекторам через запятую: 

$("input[name='product_id[]'], input[name='product_name[]'], input[name='manufacturer[]'], input[name='composition[]']")
.each(function() {
  // ...
});

Чтобы быть более СУХИМ, используйте массив: 

const selectorStr = ['product_id', 'product_name', 'manufacturer', 'composition']
  .map(str => `input[name='${str}[]']`)
  .join(',');
$(selectorStr).each(function() {
  // ...
});

Если вам нужно, чтобы row было 1 во всех, кроме первой итерации, тогда: 

['product_id', 'product_name', 'manufacturer', 'composition']
  .forEach((str, i) => {
    if (i !== 0) {
      row = 1;
    }
    $(`input[name='${str}[]']`).each(function(){
      // etc
    });
  });
3 голосов
/ 06 марта 2019

Создайте общую функцию, это поможет вашей логике строк , , которая получает значение 1 перед каждой итерацией 

function iteratorOperation(){
}

И затем передает это итераторам, 

$("input[name='product_id[]']").each(iteratorOperation);

row=1;
$("input[name='product_name[]']").each(iteratorOperation);

row=1;
$("input[name='manufacturer[]']").each(iteratorOperation);

row=1;
$("input[name='composition[]']").each(iteratorOperation);
1 голос
/ 06 марта 2019

Возможно, это интересно?

обратите внимание на экранирование [] 

const fieldNames = ["product_id[]", "product_name[]", "manufacturer[]", "composition[]"];
const selector = fieldNames.map(item => `input[name='${item}\\\\[\\\\]']`).join(", ")
$rows.each((row) => { // not sure if $rows is a jQuery object or html collection
  $(selector).each(() => {
    let idx = fieldNames.indexOf(this.name)
    row.cells[idx].innerText = $(this).val(); // jquery object or collection?
  })
})
1 голос
/ 06 марта 2019

Используйте , для разделения нескольких селекторов 

$("input[name='product_id[]'],input[name='product_name[]'],input[name='manufacturer[],input[name='composition[]']").each(function() {               

});
...