jquery 中的当前对象值
所有，
在下面的代码中如何编辑当前添加的值。即，在编辑功能中如何获取 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" /> <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 + ' <IMG SRC="edit.gif" onclick="javascript:edit(this);" > <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>
All,
in the below code How to edit the current added value.i.e, in the edit function how to get the value in td .Also how can we check for duplicates.
<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" /> <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 + ' <IMG SRC="edit.gif" onclick="javascript:edit(this);" > <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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
首先：您将笨重的内联
onXXX处理程序与更优雅的 jQuery 事件处理程序混合在一起。为什么？至于您的“如何获取 td 中的值”问题：您的
edit(obj)将获取作为obj参数传递的图像，因为onclick位于img元素上。您可以像这样找到容器td：var td = $(obj).closest('td')。然后获取它的.text()或任何你想要的。但同样：您可以使用 实时绑定 做得更好。
First off: you're mixing clunky inline
onXXXhandlers with more elegant jQuery event handlers. Why?As for your "how to get the value in td" question: your
edit(obj)will get the image passed as as theobjparameter, since theonclickis on theimgelement. You can find the containertdlike this:var td = $(obj).closest('td'). Then get its.text()or whatever you want.But again: you could do this better using live binding.