我有两个具有相同内容的不同div(都是动态生成的)

代码TPL:

{foreach from=$rozopt item=r}
<div id="optionsy{$r.optionid}">
{foreach from=$options item=q}
    <option id="{$q.optionid}" value="{$q.optionid}">
        {$q.option_name|escape}
    </option>
{/foreach}
</div>
{/foreach}


结果:

<div id="optionsy29216">
    <option id="29218" value="29218">
        wysyłamy w 24 godziny
    </option>
    <option id="31848" value="31848">
        1-3 dni
    </option>
</div>
<div id="optionsy29217">
    <option id="29218" value="29218">
        wysyłamy w 24 godziny
    </option>
    <option id="31848" value="31848">
        1-3 dni
    </option>
</div>


如您所见,我的两个div具有不同的ID,但内容相同。现在我想删除一个选项,例如<option id="29218" value="29218">,但仅从当前加载的div中删除。该代码来自x-cart,我想隐藏缺货的变体。 /最大可用值为0 /

JS代码:

if (hasOwnProperty(variants[x][1], c)){
        var max_avail = variants[variantid][0][1];
        var sku = variants[variantid][0][5];
        globalSku = sku;
        rozkol = document.getElementsByClassName('rozkol')[0].id;
        id = getPOValue(c); //option id/value
        rozkolv = getPOValue1(rozkol);
         if((max_avail == 0)){
            element = document.getElementById(id);
            element.parentNode.removeChild(element);
         }
    }


使用此代码,我可以从两个div中删除选项。

最佳答案

如果使用JQuery。您可以通过以下代码实现您的目标

$({parentdivid}).find({optionid}).remove();


div id = optionsy29217;选项ID = 29218

$('#optionsy29217').find('#29218').remove();

10-01 09:01
查看更多