Javascript 如何获取以子字符串开头的所有ElementID
我有以下代码: HTML: 现在我的问题是:如何获取所有以“product”开头的elementID?将提供您所需的内容。它们与Javascript 如何获取以子字符串开头的所有ElementID,javascript,html,getelementbyid,Javascript,Html,Getelementbyid,我有以下代码: HTML: 现在我的问题是:如何获取所有以“product”开头的elementID?将提供您所需的内容。它们与document.querySelector和一起使用 在您的情况下,可以指定以product开头的属性id: var nodes = document.querySelectorAll('[id^=product]'); 工作示例: var nodes=document.querySelectorAll(“[id^=product]”); console.log(
document.querySelector
和一起使用
在您的情况下,可以指定以product开头的属性id:
var nodes = document.querySelectorAll('[id^=product]');
工作示例:
var nodes=document.querySelectorAll(“[id^=product]”);
console.log(节点)代码>
奶酪
面包
牛奶
鸡蛋
将新产品添加到列表。。。
等
将提供您需要的内容。它们与document.querySelector
和一起使用
在您的情况下,可以指定以product开头的属性id:
var nodes = document.querySelectorAll('[id^=product]');
工作示例:
var nodes=document.querySelectorAll(“[id^=product]”);
console.log(节点)代码>
奶酪
面包
牛奶
鸡蛋
将新产品添加到列表。。。
等
这里有伪代码<代码>“产品”*
是一个分析错误
您需要通过querySelectorAll
使用选择器
document.querySelectorAll('[id^="product"]');
这将返回一个,然后您可以对其进行迭代并使用所需的操作。这里有伪代码<代码>“产品”*
是一个分析错误
您需要通过querySelectorAll
使用选择器
document.querySelectorAll('[id^="product"]');
这将返回一个,然后您可以对其进行迭代并使用所需的操作。您不需要为每个div提供唯一的id。只需给他们
class=“product”
并使用document.querySelectorAll('.product')
您不需要为每个div提供唯一的id。只需给他们class=“product”
并使用document.queryselectoral('.product')
我已经测试了这段代码并得到了理想的结果
var匹配=[];
var searchEles=document.getElementById(“listone”).children;
对于(var i=0;i
奶酪
面包
牛奶
鸡蛋
将新产品添加到列表。。。
等
我已经测试了这段代码并得到了理想的结果
var匹配=[];
var searchEles=document.getElementById(“listone”).children;
对于(var i=0;i
奶酪
面包
牛奶
鸡蛋
将新产品添加到列表。。。
等
也用那种方式
varids=[];
$(“#list”).find(“div”).each(function(){
如果(此.id.includes('product')){
id.push(this.id);
}
});
控制台日志(IDs)代码>
奶酪
面包
牛奶
鸡蛋
将新产品添加到列表。。。
奶酪
面包
也用那种方式
varids=[];
$(“#list”).find(“div”).each(function(){
如果(此.id.includes('product')){
id.push(this.id);
}
});
控制台日志(IDs)代码>
奶酪
面包
牛奶
鸡蛋
将新产品添加到列表。。。
奶酪
面包
“但是“*”对我来说不适用”-这是因为它是伪代码。你从哪里想到你可以做“string”*
?@Alexandru IonutMihai你读过这个问题吗?你的评论毫无意义,它们在这里是独一无二的。@Utkanos这只是为了说明我想做什么。。。我已经知道这是错误的,但我不知道还应该键入什么。“但是“*”对我来说不合适”-这是因为它是伪代码。你从哪里想到你可以做“string”*
?@Alexandru IonutMihai你读过这个问题吗?你的评论毫无意义,它们在这里是独一无二的。@Utkanos这只是为了说明我想做什么。。。我已经知道这是错误的,但我不知道还要键入什么。这不是我想要的代码。我希望你可以点击divs,然后弹出另一个屏幕(每个产品都有另一个屏幕),所以我真的需要那些不同的IDs@Sacha为什么你不能做
?@Sacha只是想在这里展示你可以概括标记,有多种方法可以实现这一点,甚至在单独的属性中写入产品id。这不是我想要的代码。我希望你可以点击divs,然后弹出另一个屏幕(每个产品都有另一个屏幕),所以我真的需要那些不同的IDs@Sacha为什么你不能做
?@Sacha只是想在这里说明你可以概括标记,有多种方法可以实现这一点,甚至可以在单独的属性中写入产品id。