我如何設置內容數組使用 javascript 或 jquery 帶有一個 id 的標簽

Question

這是我的完整代碼

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<p>[items-carting nums="hbn7wxjxjodpxi2nlmml"]</p>
<p>[items-carting nums="nlmmljodhbni27wxjxpx"]</p>
<p>[items-carting nums="bni27wxjnlmmljodhxpx"]</p>
<p>product design</p>
<p>vmware</p>
<script>
var userInput = "items-carting";
var all_script = "This is the value : ";
var all=$("p:contains(" + userInput + ")").attr('id', 'xyz');
var len_all=$('p').length;
var all_array=[];
for (var i=0; i < len_all; i++) {
  all_array.push($(all[i]).text());
}
all_array = all_array.filter(item => item);
changed_array=[];
for (var i = 0; i < all_array.length; i++) 
{ 
var indexEqu=all_array[i].indexOf("=");
var slicedVal=all_array[i].slice(indexEqu+2,indexEqu+22);
var result = all_array[i].replace(all_array[i],all_script);
var out=result+slicedVal+" to be saved";
changed_array.push(out);
}

for (var j = 0; j < changed_array.length; j++) {
$("#xyz").text(changed_array[j]);
}
</script>
</body>
</html>

在這里，我必須將上面代碼中名為 changed_array 的數組中的值連續設置為id=xyz的標記。

在當前代碼中，只有一個標記值被設置。

如何將id=xyz的值更改為網頁上數組中的標簽？

網頁上預期的 Output：

[items-carting nums="hbn7wxjxjodpxi2nlmml"] 應更改為“這是值：hbn7wxjxjodpxi2nlmml”

[items-carting nums="nlmmljodhbni27wxjxpx"] 應更改為“這是值：nlmmljodhbni27wxjxpx”

[items-carting nums="bni27wxjnlmmljodhxpx"] 應改為：這是值：bni27wxjnlmmljodhxpx"

但目前我正在關注 output：

這是值： bni27wxjnlmmljodhxpx 要保存

[items-carting nums="nlmmljodhbni27wxjxpx"]

[items-carting nums="bni27wxjnlmmljodhxpx"]

產品設計

vmware

Answer 1

使用類名而不是 id。 id 必須始終是唯一的，而 classname 可以在多個元素之間共享。

var all=$("p:contains(" + userInput + ")").addClass('xyz');

for (var j = 0; j < changed_array.length; j++) {
$(".xyz").get(j).text(changed_array[j]);
}

如果您願意的話，這里是關於 class 和 id 之間差異的更全面的解釋。

我如何設置內容數組<p>使用 javascript 或 jquery 帶有一個 id 的標簽</p>

問題描述

1 個解決方案

解決方案1
0 2022-09-10 17:17:34

我如何設置內容數組<p>使用 javascript 或 jquery 帶有一個 id 的標簽</p>

問題描述

1 個解決方案

解決方案1 0 2022-09-10 17:17:34

解決方案1
0 2022-09-10 17:17:34