Javascript 如何循环输入<；部门>；这里<；div/>；

我在代码外创建了一个循环，后来我决定将其放入HTML/jquery表中，但每次复制粘贴时，它根本不起作用。有没有可能把foreach放在里面？“循环”中应该是通过foreach生成的文本

$rows+=@”




回路1

环路2

"@

环路

$tfsWis.Query("Select * from sth where [sample]  <> '' order by [Iteration Path] desc, Id desc") | Foreach-Object `
{
    $backgroundColor = 'background-color:green; color:white;'
    $item = $_
    if($oldIteration -and $oldIteration -ne $item.IterationPath)
    {
        $rows += @"
                </ul> 
        </ul> 
"@ 
    }
    if($oldIteration -ne $item.IterationPath)
    {
        $rows += @"
        <ul>        
            <li><div>$($item.Fields["it"].value) </div> </li>
                    <ul>

"@ 
    }
    $rows += @"
                    <li><div>$($item.Fields["ID"].value)</div></li>
                        <ul> 
                            <li>
                                <div>Title<br/>$($item.Fields["en"].value)</div>
                            </li>
                            <li> 
                                <div>Description<br/>$($item.Fields["deen"].value)</div>  
                            </li> 

                            <li>
                                <div>Titel<br/>$($item.Fields["dee"].value)</div>
                            </li> 
                            <li> 
                                <div>Beschreibung<br/>$($item.Fields["es"].value)</div> 
                            </li> 
                        </ul> 
"@
    $oldIteration = $item.IterationPath
}

$tfsWis.Query（“从[sample]所在的某物中选择*”按[Iteration Path]desc、Id desc排序”）| Foreach对象`
{
$backgroundColor='背景色：绿色；颜色：白色；'
$item=$_
if（$oldIteration-和$oldIteration-ne$item.IterationPath）
{
$rows+=@”


"@ 
}
if（$oldIteration-ne$item.IterationPath）
{
$rows+=@”

$（$item.Fields[“it”].value）

"@ 
}
$rows+=@”
$（$item.Fields[“ID”].value）


标题
$（$item.Fields[“en”].value）


说明
$（$item.Fields[“deen”].value）


Titel
$（$item.Fields[“dee”].value）


Beschreibung
$（$item.Fields[“es”].value）


"@
$oldIteration=$item.IterationPath
}

在简化版中，我建议将构建选项卡和内容分为两个不同的变量，并根据返回的数据填充它们

循环完成后，您可以将标题和内容连接起来

我已经在原始代码的基础上构建了一个小示例，它应该能够完成您希望它完成的任务。请注意，我的知识非常陈旧

$rowContent = @(
    ("title1", "content"),
    ("title2", "content 2"),
    ("title3", "content 3")
);
$tabheader = "<ul>";
$tabcontent = "";
$idx = 0;

for ($idx = 0; $idx -lt $rowContent.length; $idx++) {
    $item = $rowContent[$idx];
    $tabheader += "<li><a href='#tabs-$($idx)'>$($item[0])</a></li>";
    $tabcontent += "<div id='tabs-$($idx)'>$($item[1])</div>";
}
$tabheader += "</ul>";
$rows = "<div id='tabs'>$($tabheader)$($tabcontent)</div>";
Write-Host $rows;

$rowContent=@(
（“标题1”，“内容”），
（“标题2”，“内容2”），
（“标题3”，“内容3”）
);
$tabheader=“
”；
$tabcontent=“”；
$idx=0；
对于（$idx=0；$idx-lt$rowContent.length；$idx++）{
$item=$rowContent[$idx]；
$tabheader+=“
”；
$tabcontent+=“$（$item[1]）”；
}
$tabheader+=“
”；
$rows=“$（$tabheader）$（$tabcontent）”；
写入主机$行；

如果希望保留多行字符串，还可以使用-f标记插入值，如以下示例所示

$rowContent = @(
    ("title1", "content"),
    ("title2", "content 2"),
    ("title3", "content 3")
);
$tabheader = "";
$tabcontent = "";
$idx = 0;

for ($idx = 0; $idx -lt $rowContent.length; $idx++) {
    $item = $rowContent[$idx];
    $tabheader += @"
        <li>
            <a href='#tabs-{0}'>{1}</a>
        </li>

"@ -f $idx, $item[0];
    $tabcontent += @"
    <div id='tabs-{0}'>
        {1}
    </div>

"@ -f $idx, $item[1];
}
$rows = @"
<div id='tabs'>
    <ul>
{0}
    </ul>
{1}
</div>
"@ -f $tabheader, $tabcontent;
Write-Host $rows;

$rowContent=@(
（“标题1”，“内容”），
（“标题2”，“内容2”），
（“标题3”，“内容3”）
);
$tabheader=“”；
$tabcontent=“”；
$idx=0；
对于（$idx=0；$idx-lt$rowContent.length；$idx++）{
$item=$rowContent[$idx]；
$tabheader+=@”


“@-f$idx，$item[0]；
$tabcontent+=@”
{1}
“@-f$idx，$item[1]；
}
$rows=@”

{0}

{1}
“@-f$tabheader，$tabcontent；
写入主机$行；

哪个会输出

<div id='tabs'>
    <ul>
        <li>
            <a href='#tabs-0'>title1</a>
        </li>
        <li>
            <a href='#tabs-1'>title2</a>
        </li>
        <li>
            <a href='#tabs-2'>title3</a>
        </li>

    </ul>
    <div id='tabs-0'>
        content
    </div>
    <div id='tabs-1'>
        content 2
    </div>
    <div id='tabs-2'>
        content 3
    </div>

</div>

内容
内容2
内容3

对不起，您的问题到底是什么？这并不能让问题变得更清楚，您只是想生成多个选项卡吗？你能在不知道你的意思的情况下重新阅读你的问题，看看你是否理解这个问题的答案是什么吗？还要解释一下@的来源，它似乎来自服务器端程序（可能是C#），尽管这些标记不在您的问题中，但它们来自powershell。。。所以我生成了一个循环，比如“1..100”，我想把这些数字放到表中。我希望现在更清楚：）你能添加你创建的循环吗？或者至少从数据来源的角度来看，这样可以给您一个更合适的答案？我在上面的代码中添加了：）

<div id='tabs'>
    <ul>
        <li>
            <a href='#tabs-0'>title1</a>
        </li>
        <li>
            <a href='#tabs-1'>title2</a>
        </li>
        <li>
            <a href='#tabs-2'>title3</a>
        </li>

    </ul>
    <div id='tabs-0'>
        content
    </div>
    <div id='tabs-1'>
        content 2
    </div>
    <div id='tabs-2'>
        content 3
    </div>

</div>