php - 从 div 中的选择中删除/隐藏选项

Question

我有两个具有相同内容的不同 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>

因此您可以看到我有两个具有不同 ID 但具有相同内容的 div。现在我想删除一个选项，比如 <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 中删除选项。

Answer 1

如果您使用 JQuery。你可以用这行代码实现你的目标

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

div id = optionsy29217 ;选项 id = 29218

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