将 <p> 标记内的文本获取到 <table>

Question

在 PHP 中，这是我从计算中获得的输出<p id="generated">12345678199824,12345678411140,12345678921494,12345678497535,</p>我需要这个值如下<table> <tr>  <td>12345678199824</td> </tr> <tr>  <td>12345678411140</td> </tr>.....</table>下面是我使用的js脚本$("#setVal").click(function(event){    event.preventDefault();    var noOfImei = parseInt($("#nofoemei").val());    var imeiList = "";    if (noOfImei !== 0) {        for (var i = 0; i < noOfImei; i++) {            imeiList += $("#binnumber").val() + Math.floor(Math.random()*900000+100000) + ",";        }        $("#generated").text("");        $("#generated").text(imeiList);        // testing purpose        console.log(imeiList);    } else {        alert("Please add no of IMEI(s) need to generate");    }});-- 请注意，我是 PHP 和 JS 的初学者，在 stackoverflow 和教程的帮助下成功取得了今天的进展。谢谢。

Answer 1

您可以获得相关字符串并通过 split 创建一个数组。然后添加如下行：

document.getElementById("setVal").addEventListener("click", function(){

let table = document.getElementById("myTable");

let nums = document.getElementById("generated").innerHTML;

  if(nums){

    nums.split(',').forEach(i=> {

      let row = table.insertRow(0);

      let cell1 = row.insertCell(0);

      cell1.innerHTML = i;

    })

  }

});

<p id="generated">

12345678199824,12345678411140,12345678921494,12345678497535,</p> 

<input type="button" id="setVal" value="Set Rows"/>

<table id="myTable" style="border: 1px solid red;">

 

</table>

Answer 2

 $("#generated").text("");

  $("#generated").text(imeiList);

  data = imeiList.split(",")

  var table = document.getElementById("myTable");

  for(let i =0;i<data.length ; i++){

   var row = table.insertRow(i); 

   var cell1 = row.insertCell(0);

  cell1.innerHTML = data[i];

  }

和

<table id="myTable" /> // this in dom

Answer 3

就 PHP 而言，最初您必须分解字符串，然后通过计算字符串长度，添加循环变得更加for简单

<?php

$str = "12345678199824,12345678411140,12345678921494,12345678497535";

$str1 =  explode(",",$str);

$arrlength=count($str1);

?> 

<table style = "border:1px solid;border-collapse : collapse;">

<?php

for($x=0;$x<$arrlength;$x++)

  {

  ?>

 <tr style = "border:1px solid;">

 <td style = "border:1px solid;"><?php echo $str1[$x]?></td>

 <tr>

  <?php } ?>

  </table>

注意：在函数中选择正确的分隔符（在本例中为“ , ”）explode()。