Javascript 单击“一起更新所有列表”

$（“.button”）。在（'click'，function（）上{
$（“.updateCase”）.removeClass（“隐藏”）；
var thisBtn=$（本）；
//$（this.parent（“li”）.find（“h1”）.toggleClass（“红色”）；
var currentText=thisBtn.parent（“li”）.find（“.textdata”）.text（）；
本BTN.母公司（“li”）.查找（“h1”）.替换为（“”）；
thisBtn.addClass（“隐藏”）；
$（“.updateCase”）。在（'click'，function（）上{
变量输入=$（“.editedText”）；
var editedTextValue=$（“.editedText”）.val（）；
$（“.button”）.removeClass（“隐藏”）；
$（“.updateCase”）.addClass（“隐藏”）；
var save=function（）{
var$p=$（$input.data（）[“标记名”]）.text（input.val（））.addClass（input.attr（“class”）；
输入。替换为（$p）；
};
input.one（'blur'，save）.focus（）；
$（.updateCase”）.parent（.container”）.find（“输入”）.replacetwith（“”+editedTextValue+“”）；
})
})

.red{
颜色：粉红色；
}
李{
列表样式：无；
宽度：100%；
填充：15px；
高度：50px；
}

点击
弗斯特


点击
第二


点击
第三


点击
第四


更新

您需要更改以下内容：

---

$（$input.data（）[“标记名”]）到$（“：input”）试试这个，它的工作：

$（“.button”）。在（'click'，函数（）{
$（“.updateCase”）.removeClass（“隐藏”）；
var thisBtn=$（本）；
//$（this.parent（“li”）.find（“h1”）.toggleClass（“红色”）；
var currentText=thisBtn.parent（“li”）.find（“.textdata”）.text（）；
本BTN.母公司（“li”）.查找（“h1”）.替换为（“”）；
thisBtn.addClass（“隐藏”）；
$（“.updateCase”）。在（'click'，函数（）{
$（“.editedText”）。每个（函数（）{
var INPUT=$（此项）；
var editedTextValue=$（this.val（）；
var save=函数（）{
var$p=$（$input.data（）[“标记名”]）.text（input.val（））.addClass（input.attr（“class”）；
输入。替换为（$p）；
};
input.one（'blur'，save）.focus（）；
$（this）.替换为（“”+editedTextValue+“”）；
});
$（“.button”）.removeClass（“隐藏”）；
$（“.updateCase”）.addClass（“隐藏”）；
})
})

.red{
颜色：粉红色；
}
李{
列表样式：无；
宽度：100%；
填充：15px；
高度：50px；
}

点击
弗斯特


点击
第二


点击
第三


点击
第四


更新

这将返回一个元素数组，因此必须循环遍历它。因此，您可以获取单个元素的值，如

for(var i = 0; i<inputT.length; i++){
var editedTextValue = inputT[i];
console.log(editedTextValue.value);
}

---

用于（var i=0；请详细说明标题您到底想要什么？
？我在您的HTML中没有看到任何
p
元素…我在您的HTML中没有看到任何
。对不起，它们在
H1
tags@vsync他将4个
元素放在屏幕左侧，如果用户单击右侧的按钮t、 它将
更改为
，以便用户可以编辑文本。问题是，当单击“更新”按钮时，它将1个值复制到所有4个
框中，而不是复制每个值。您能解释一下，我犯了什么错误吗？您无法访问所有输入字段，如
var input=$（“.editedText”）；var editedText value=$（“.editedText”）.val（）；
您需要对所有输入的公共类使用
每个循环
for(var i = 0; i<inputT.length; i++){
var editedTextValue = inputT[i];
console.log(editedTextValue.value);
}