如何改变Javascript中的字符值？

Question

我这里有这段代码，

{foreach from=$cart.cartItems item="item" name="cart"}    

<div id="cart2Produkt">


 <p>{if $item.Product.ID}
                    <a href="{productUrl product=$item.Product}" data-tooltip="sticky1">{$item.Product.name_lang|truncate:20}</a>
                {else}
                    <span>{$item.Product.name_lang|truncate:20}</span>
                </a>
            {/if}
                <div id="mystickytooltip" class="stickytooltip">

<div style="padding:5px;">

<div id="sticky1" class="atip" style="width:200px;">

<img src="{$item.Product.DefaultImage.paths.3}" alt="{$item.Product.name_lang|escape}"><br>
{$item.Product.name_lang}

</div>

</div>
<div class="stickystatus"></div>

</div>

</p>
 <p>
 {include file="order/itemVariations.tpl"}
            {include file="order/block/itemOptions.tpl"}

            {if $multi}
                {include file="order/selectItemAddress.tpl" item=$item}
            {/if}
            </p>
</div>

{/foreach}

我想每次循环时将“sticky1”中的“1”更改为“2”（它是 foreach 的一部分）。

但运气不好..另外，我对 Javascript 有点陌生，不知道如何将其记录在我想要的地方。

Answer 1

看起来你想使用 smarty 迭代计数器来设置 id。请查看此处的示例 7-11：http://www. smarty.net/manual/en/language.function.foreach.php

{* this will output sticky1, sticky2, sticky3, ... etc *}

{foreach from=$cart.cartItems item="item" name="cart"}
    sticky{$smarty.foreach.cart.iteration},
{/foreach}

Answer 2

在 foreach 循环中生成代码时更改它比稍后使用 JavaScript 修复它要有效得多。请注意，如果有人禁用了 javascript，您的代码将无法运行，并且不会进行更改。如果您在服务器端进行更改，那么它首先会正确生成。

示例：

{foreach from=$cart.cartItems item="item" name="cart"}    

<div id="cart2Produkt">


 <p>{if $item.Product.ID}
                    <a href="{productUrl product=$item.Product}" data-tooltip="sticky{$item.Product.ID}">{$item.Product.name_lang|truncate:20}</a>
                {else}
                    <span>{$item.Product.name_lang|truncate:20}</span>
                </a>
            {/if}
                <div id="mystickytooltip" class="stickytooltip">

<div style="padding:5px;">

<div id="sticky{$item.Product.ID}" class="atip" style="width:200px;">

...

使用 javascript（以及稍后使用 jQuery 实现相同的功能）。

   $(function() {
         $('[data-tooltip=sticky1]').each( function(i) {
              var tipNo = i + 1;
              $(this).attr('data-tooltip','sticky' + i);
         });
   });

FWIW，使用 document.write() 只会将内容附加到文档中。您需要使用 jQuery（或其他框架）或纯 JavaScript 来导航 DOM，以查找要更改的元素并更新其属性。在我看来，使用框架通常比使用纯 JavaScript 编写相同的代码容易得多。