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