如何使用 JavaScript 单击一个 href 后编辑 3 个标签的值
how to edit value of 3 labels after clicking on a href with javascript?
我想
在单击单个 href
时使三个不同的标签可编辑我有:
<tr>
<td align="left">PLZ:</td>
<td>
<label for="name" class="control-label">
<p class="text-info">
<label style="color: #662819;" id="plz"></label>
<i class="icon-star"></i>
</p>
</label>
<input type="text" class="edit-input" />
<div class="controls">
<a class="edit" href="#">Daten sichern</a>
</div>
</td>
</tr>
将这个标签更改为:
.CSS:
.edit-input {
display:none;
}
JQuery:
$(function() {
$('a.edit').on("click", function(e) {
e.preventDefault();
var dad = $(this).parent().parent();
var lbl = dad.find('label');
lbl.hide();
dad.find('input[type="text"]').val(lbl.text()).show().focus();
});
$('input[type=text]').focusout(function() {
var dad = $(this).parent();
$(this).hide();
dad.find('label').text(this.value).show();
});
});
如何为 2 个或更多标签执行此操作???例如关注标签...:
<tr>
<td align="left">Strasse:</td>
<td>
<label for="name" class="control-label">
<p class="text-info">
<label style="color: #662819;" id="street"></label>
<i class="icon-star"></i>
</p>
</label>
<input type="text" class="edit-input" />
</td>
</tr>
等等...
若要使不同的标签同时可编辑,单击单个链接时,可以使用 JQuery 的 each 函数,如以下代码所示:
$('a.edit').on('click',function(e){
e.preventDefault();
//Search for .control-label items
$('label.control-label').each(function(key,item){
var label = $(item);
label.hide();
label.siblings('input.edit-input').val(label.text()).show().focus();
});
});
希望对您有所帮助!
相关文章:
- 从javascript编辑asp标签
- 如何在tinymce编辑器中将点击事件绑定到html标签
- 单击按钮时编辑可编辑的标签
- Draw2d.js:通过双击将可编辑标签添加到现有连接
- Ace编辑器:如何防止某些标签被P包装
- javascript库/jquery插件,生成可编辑的“;标签”;
- 在内容可编辑元素上按 Enter 时插入 BR 或 P 标签的跨浏览器方式
- 如何将“oninput”添加到html表单标签,按id定位标签,而不是编辑表单标签本身
- 如何在文本编辑器中创建带有字符的标签
- 我可以将 CKEditor 的编辑块包装在几个标签中以模仿上下文吗?
- 如何在 tinymce 编辑器中允许一些自定义标签
- 如何使用 JavaScript 单击一个 href 后编辑 3 个标签的值
- CkEditor编辑源代码<罢工>标记为<s>标签
- 如何使用 jQuery 编辑和删除表记录的功能更改 标签
- 如何为一行文本输入字段添加用户可编辑的文本标签
- 可以& lt; script> . . & lt; / script>使用jquery编辑标签
- 编辑标签的内容
- 编辑标签只工作一次
- 我如何使用所见即所得编辑标签上的飞行
- 如何在编辑标签时选择(-)图标,在Iphone ui自动化