Javascript jquery-从外部文件加载后修改html

Javascript jquery-从外部文件加载后修改html,javascript,jquery,html,Javascript,Jquery,Html,我在.js文件中有一些javascript,其中包含来自外部文件.htm的html代码 加载html后,我想修改输入文本的属性,但我不能这样做: myScript.js $(“.plus”)。单击(函数(){ 函数addRow(){ //我读取了当前的行数。。 var rowsNumber=$(“#行”).val(); //设置新行的累进编号 rowsNumber++; var行=行数; var行=1; //从文件加载html $.get(“defaultHtmlForRow.htm”,函数(数

我在.js文件中有一些javascript,其中包含来自外部文件.htm的html代码

加载html后,我想修改输入文本的属性,但我不能这样做:

myScript.js
$(“.plus”)。单击(函数(){
函数addRow(){
//我读取了当前的行数。。
var rowsNumber=$(“#行”).val();
//设置新行的累进编号
rowsNumber++;
var行=行数;
var行=1;
//从文件加载html
$.get(“defaultHtmlForRow.htm”,函数(数据){
$(“#行列表”)。在(数据)之后;
});
//#descriptionDefault是从defaultHtmlForRow.htm加载的输入类型文本的id
$(“#descriptionDefault”).attr('id','description'+行);//我想像id=“description1”一样重命名id
//#priceDefault是从defaultHtmlForRow.htm加载的输入类型文本的id
$(“#priceDefault”).attr('id','price'+行);//我想像id=“price1”一样重新命名这个id
//#priceDefault(现在,如果正确,#price1)的默认值为30.00,此警报将显示为告诉我“30.00”,但我看到“未定义”
//下面,我想验证它是否正确
var newPrice=$(“#price”+行).val();
警报(newPrice);//告诉我“未定义”…就像我无法从defaultHtmlForRow.htm读取属性和值一样
}
addRow();

});在您添加的内容中使用类。我“伪造”了获取并使用了一个隐藏元素

注意,由于没有设置附加值,所以您的“警报”没有显示任何内容,我通过将3作为一个值来“伪造”它

函数中函数的奇数换行,所以我删除了它

$(.plus”)。在('click',function()上{
控制台日志(“添加”);
//我读取了当前的行数。。
//最好执行var rowsNumber=$('.rowDefault').length;
var rowsNumber=$(“#行”).val();
//设置新行的累进编号
rowsNumber++;
var行=行数;
$(“#行”).val(行);//设置新值
//var行=1;
//我们假装这样,使用隐藏的HTML来代替:)
//从文件加载html
//$.get(“defaultHtmlForRow.htm”,函数(数据){
//$(“#行列表”)。在(数据)之后;
// });
//使用基于类的标记进行伪装
var clonething=$('.hiddengem').find(“.form group.rowDefault”).clone(true);
clonething.find('.priceDefault').attr('id','priceDefault'+行);
clonething.find('.priceDefault').attr('name','priceDefault'+行);
$(“#行列表”).append(clonething.show();
console.log($(“#行列表”).find('.rowDefault').length)
//这不存在,请将其注释掉
//#descriptionDefault是从defaultHtmlForRow.htm加载的输入类型文本的id
//$(“#descriptionDefault”).attr('id','description'+行);//我想像id=“description1”一样重命名id
//下面,我想验证它是否正确
var newPrice=$(“#priceDefault”+行).val();
警报(新价格);
});
.hiddengem{
显示:无;
}

加一

使用回调函数
$.get()
是一个异步函数。可以,但html已正确加载,但我无法读取属性或输入值!你能帮我举个例子吗?显示你的HTML,显然你做错了什么,但我们猜不出是什么。我想修改输入文本的属性哪个属性?什么输入文本?第一次单击后,您的代码将导致标记失败/无效。您可以在
id=“rowDefault”
中追加一个新的重复id。在
id=“priceDefault”
ok!!我试试你的例子,没关系!我还详细阐述了其他输入字段和按钮,它的工作!!多谢各位!