jQuery exploite dynamiquement les cellules du tableau

Cette fois, je vous présente jQuery pour faire fonctionner dynamiquement les cellules d'un tableau. Quelles sont les précautions pour que jQuery fasse fonctionner dynamiquement les cellules d'un tableau. Voici des cas pratiques, jetons un coup d'oeil.

Événement de double-clic de souris JSonDblClick

<td width="10%" title="双击修改" ondblclick="ShowElement(this,<%#Eval("id") %>
</td>

La valeur que je lie ici est le numéro d'identification correspondant à la ligne actuelle passée dans

function ShowElement(element, productid, flag, ishotorcommend) {
  if (flag == 0 && ishotorcommend == 0) {
    alert("请先设置该产品为推荐");
    return;
  }
  if (flag == 1 && ishotorcommend == 0) {
    alert("请先设置该产品为热销");
    return;
  }
  var oldhtml = element.innerHTML;//原单元格里的值
  var str = "<input type=&#39;text&#39; name=&#39;test&#39; style=&#39;width:50%;&#39;";
  str += "onkeypress=&#39;return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46&#39;";
  str += "onpaste=&#39;return !clipboardData.getData(&#39;text&#39;).match(/\D/)&#39;";
  str += "ondragenter=&#39;return false&#39; />";
  var newobj = document.createElement(str);  //创建新的input元素
  newobj.setAttribute("value", oldhtml);//把原来单元格中的值赋给文本框
  newobj.onblur = function() {
    element.innerHTML = this.value ? this.value : oldhtml; //当触发时判断新增元素值是否为空，为空则不修改，并返回原有值 
    var sort = element.innerHTML;
    $.get("UpdateFlag.ashx?sort=" + sort + "&&productid=" + productid + "&&flag=" + flag, function(data) { });
  }
  element.innerHTML = '';
  element.appendChild(newobj);//把新的值赋到单元格
  newobj.focus();
}

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

jquery se rend compte que seuls des chiffres peuvent être saisis dans la zone de texte spécifiée

Comment utiliser Mobile pour contrôler l'obtention lorsque la page renvoie la requête

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!