用js函数改变值?

时间:2017-01-17 08:05:36

标签: javascript jquery html

我使用 jquery函数创建<td>。 我想通过使用js函数来改变它的值。

jquery正在获得价值并进入表格:

tr.append("<td id='stsChange'>" + resul[i].status + "</td>");

我希望更改{1}}值,如果它为1等待,否则为2成功。

请帮我解决这个问题,谢谢!

我已经做到这里,但它不起作用。

"<td id='stsChange'>"

2 个答案:

答案 0 :(得分:0)

使用jQuery对象简单解决

function insertText($tdObject) {
     var newTextVal = $tdObject.text() == '2' ? 'Success' : 'Pending';
     $tdObject.text(newTextVal); 
}

答案 1 :(得分:0)

使用jquery更容易追加(否则你需要使用appendChild - ):

根据你给出的内容我有以下解决方案:
(请在答案底部运行代码片段以查看结果:)

var result = [{status:1},{status:2},{status:1},{status:2}];
for(var i = 0, length = result.length; i < length; i++)
{
    $('#table_Status').append("<tr><td id='td_stsChange_" + i + "'>" + result[i].status + "</td></tr>");
  insertText(i);
}

function insertText(_i)
{
   var elem = document.getElementById('td_stsChange_' + _i);
   var status = elem.innerText;
   //alert(status);
   if(status === "1")
   {
       elem.innerHTML = "Pending";
   }
   else if(status === "2")
   {
       elem.innerHTML = "Success";
   }
}
#table_Status {
  border:1px solid black;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Table:
<table id="table_Status">
  <th>Status</th>
</table>