jquery中的当前对象值

Posted 2023-05-09

【中文标题】jquery中的当前对象值

【英文标题】：Current object value in jquery

【发布时间】：2011-01-30 19:32:03

【问题描述】：

全部，

在下面的代码中如何编辑当前添加的值。即在编辑函数中如何获取 td 中的值。以及我们如何检查重复项。

  <script type="text/javascript">
  function edit(obj)
  
     //   var ele= obj.parentNode ;
        alert(obj.innerhtml);
     var htm = '<textarea name="modal" id="modal" rows="10" cols="10" >'+ele.html+'</textarea>';
     $dialog.html(htm)
           .dialog(
              autoOpen: true,
              position: 'center' ,
              title: 'EDIT',
              draggable: false,
              width : 300,
              height : 400,
              resizable : false,
              modal : true,
              buttons:  "Save" : function()  if($('#modal').val() != '') obj.innerHTML=$('#modal').val() ;$dialog.dialog('close'); else alert('i++'+$('#modal').val()+'++');  
           );
     $dialog.dialog('open');
  


  $(document).ready(function() 
        var flag=0;

              if (flag == 0)
              
                 var html = '<input type="text" name="val" id="val" />&nbsp;&nbsp;&nbsp;<input type="button" value="Add" id="add"><br>';
                 $('#useroptions').append(html);
                 flag=1;

                 $('#add').click(function()
                    var a = $('#val').val();
                    if (a == '')
                    
                       alert('Enter options');
                    
                    else
                    
                       var section= '<tr class="clickable"><td id="userval" BGCOLOR="#FF6699">' + a + '&nbsp;&nbsp;&nbsp; <IMG SRC="edit.gif" onclick="javascript:edit(this);" >&nbsp;&nbsp;&nbsp;<IMG SRC="close.gif"
  onclick="javascript:del(this);" ></td></tr>';
                       $('#useroptions').append(section);
                    
                      
  
  );
  );
  </script>

<table id="template">
<tr><td>
<div id="useroptions"></div>
</tr></td>

</table>

【问题讨论】：

您犯了一个错误... ID 应该是唯一的，并且在您的代码中可以添加具有相同 add id 的输入。与 tds 相同。

其实只是tds

【参考方案1】：

首先：您将笨拙的内联 onXXX 处理程序与更优雅的 jQuery 事件处理程序混合在一起。为什么？

至于您的“如何获取 td 中的值”问题：您的 edit(obj) 将获取作为 obj 参数传递的图像，因为 onclick 在 img 元素上。您可以像这样找到容器td：var td = $(obj).closest('td')。然后获取它的.text() 或任何你想要的。

但同样：使用live binding 可以做得更好。