如何在数据 ID 和输入类型上使用 querySelector
how to use querySelector on data-id and input type
我想为2种输入类型设置className，第一种是输入框，另一种是按钮。最初，两者都是隐藏的，单击按钮后，我想同时显示它们。这里的问题是显示了多个网格（每条记录一个）并且根据点击发生的位置，我将显示它们各自的输入框和按钮。
现在，我使用下面的方式来显示输入框：
this.template.querySelector(`[data-id="${targetId}"]`).className = "show";
我正在使用记录特定值填充输入类型的 data-id 属性，以区分点击发生的位置。
现在，如果我想隐藏按钮，我将不得不使用类似的语句，但我仍然需要使用 data-id 属性值。如何在 querySelector 中同时使用 data-id 和 type ="button"？
这适用于“document.querySelectorAll”，对“this.template.querySelectorAll”不是肯定的。
我假设输入字段总是以相同的顺序（输入、按钮）并且它们都具有相同的“data-id”值。而且它对他们来说是独一无二的（页面上只有两个对象具有此数据 ID 值）。
onclick='x=this.template.querySelectorAll(`[data-id="targetId"]`);x[0].type="text";x[1].type="button";'
我想为2种输入类型设置className，第一种是输入框，另一种是按钮。最初，两者都是隐藏的，单击按钮后，我想同时显示它们。这里的问题是显示了多个网格（每条记录一个）并且根据点击发生的位置，我将显示它们各自的输入框和按钮。
现在，我使用下面的方式来显示输入框：
this.template.querySelector(`[data-id="${targetId}"]`).className = "show";
我正在使用记录特定值填充输入类型的 data-id 属性，以区分点击发生的位置。 现在，如果我想隐藏按钮，我将不得不使用类似的语句，但我仍然需要使用 data-id 属性值。如何在 querySelector 中同时使用 data-id 和 type ="button"？
这适用于“document.querySelectorAll”，对“this.template.querySelectorAll”不是肯定的。
我假设输入字段总是以相同的顺序（输入、按钮）并且它们都具有相同的“data-id”值。而且它对他们来说是独一无二的（页面上只有两个对象具有此数据 ID 值）。
onclick='x=this.template.querySelectorAll(`[data-id="targetId"]`);x[0].type="text";x[1].type="button";'