javascript - 循环遍历 HTML 表并使用 jquery/javascript 将 td 值存储为字符串

Question

我有下表

while($row=mysql_fetch_array($sql)) 
{
    $id=$row['product_id'];
    $name=$row['name'];
    $stock=$row['stock'];
    ?>
    <tbody>
    <tr   >
        <td class="edit_td">
            <span id="first_<?php echo $id; ?>" class="text"><?php echo $name; ?></span>
        </td>
        <td class="edit_td">
            <span id="last_<?php echo $id; ?>" class="text"><?php if($stock==0){echo 0;}else{echo $stock;} ?></span>
        </td>
        <td class="edit_td1" id="<?php echo $id; ?>">
            <div class="form-group">
                <div class="col-lg-3 inputContainer">
                    <input class="form-control cls-quantity" id="quanti_<?php echo $id; ?>" name="number" type="text" />
                </div>
            </div>
        </td>
        <td class="action_td" id="<?php echo $id; ?>"><span class="glyphicon glyphicon-remove" style="cursor:pointer;color:red;"></span></td>
    </tr>
    </tbody>
    <?php
}
?>

和按钮:

<a href="customer_details.php?shop=<?php echo $_GET['shop'];?>" class="btn btn-info" role="button" onclick="return td_validation();store_value_as_string();">Generate Bill</a>

问题:这里我想返回一个函数store_value_as_string();在 td_validation(); 之后遍历所有 <tr>得到 id的 class="edit_td1"和 id="quanti_<?php echo $id; ?>" 的关联值.然后函数store_value_as_string();会给我两个字符串

str1 = 121,122,123,124;//id of class="edit_td1"

str2 = 2,3,1,4;//associated value of id="quanti_<?php echo $id; ?>"

ajax 调用需要这两个字符串(传递给其他 php 页面)。我实际上有执行相同操作的代码，但它运行 onchange的 ".edit_td1"但是 -->tester<-- 的操作顺序即 onchange-blur(leave the textbox for same <tr> -onchange-blure-onchange...给我错误的输出。

表格看起来像:

Answer 1

您可能想使用 Jquery each .使用类“.edit_td1”迭代所有 td。使用 .attr('id') 获取他们的 id 并添加到一个数组中，然后使用 Jquery 的数组连接来获得你想要的 str1 输出。

对于每个循环的 str2，找到类为“.cls-quantity”的输入并获取其值。将该数字添加到列表中，然后再次使用 Array.join。

我希望我的代码能正常工作。还没有调试它。

function store_value_as_string(){
  var array1= new Array();
  var array2 = new Array();
  $('td.edit_td1').each(function(index, element){

    //Not sure if we need this line. 
    //Might need if we dont get the element in function's argument 
    //var element = this;

    array1.push($(element).attr('id'));


   //find might return an array so can use this line. I have not debugged it.
  array2.push($(element).find('input.cls-quantity')[0].val())
  //array2.push($(element).find('input.cls-quantity').val());
  });
 var str1 =  array1.join(',');
 var str2 =  array2.join(',');
}