Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/entity-framework/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取以子字符串开头的所有ElementID_Javascript_Html_Getelementbyid - Fatal编程技术网

Javascript 如何获取以子字符串开头的所有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(

我有以下代码:

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(节点)

奶酪
面包
牛奶
鸡蛋
将新产品添加到列表。。。
等

这里有伪代码<代码>“产品”*
是一个分析错误

您需要通过
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。