我的目标是浏览表格并附加新的 <tr>
与之前的同级数据具有相同的数据,但内容文本有所更改。
我的 html 的一部分如下:
<tr>
<td><label>Share - Spanish</label></td>
<td><input type="text" id="blog_share_es" name="blog_share_es" size="30" /></td>
</tr>
在我当前的 Javascript 函数中 $(this)
是<label>
标签。我已成功将“西类牙语”一词替换为“意大利语”,内容如下:
var italian = $(this).text().replace("Spanish", "Italian");
然后将其附加到表中,如下所示:
var parentDiv = $(this).parent().parent();
$('<tr><td><label>'+italian+'</label></td><td><input type="text" id="logout_de" name="logout_de" size="30"/></td></tr>').insertAfter(parentDiv);
我现在如何选择 <input>
并替换 id
中的所有“_es”实例和name
使用“_it”,以便我在 html 中获得以下输出(获取 html 的格式不是必需的,但这是最佳的!):
<tr>
<td><label>Share - Italian</label></td>
<td><input type="text" id="blog_share_it" name="blog_share_it" size="30" /></td>
</tr>
最佳答案
变成插件
(function ($) {
$.fn.newRow = function (language, suffix) {
$lastSibling = this.find("tr").last().clone();
$label = $lastSibling.find("label");
$labelText = $label.text();
$label.text($labelText.replace($labelText.substring($labelText.indexOf("- ") + 2), language));
$input = $lastSibling.find("input");
$id = $input.attr("id");
$name = $input.attr("name");
$input.attr("id", $id.replace($id.substring($id.lastIndexOf("_") + 1), suffix))
.attr("name", $name.replace($name.substring($name.lastIndexOf("_") + 1), suffix));
this.find("tbody").append($lastSibling);
return this;
};
})(jQuery);
$("#yourTable").newRow("Italian", "it");
关于javascript - 查找、替换和附加新的 dom 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25315518/