删除子项不起作用

Question

我在使用 javascript removeChild 函数时遇到问题。 这是我的脚本：

    ////function to add element by ID////
        var i=1;
        $("#buttonAdd").live('click',function() { 
        $("#list1 li:last-child").parent().append('<li>'+
                                                    '<label for=njajal[]>njajal'+
                                                    '<textarea  class="tinymce" name="njajal[]" id="aaa'+i+'"></textarea>'+
                                                    '<span><a class="delIt" id="'+i+'"><b>Hapus</a></span></label>'+
                                                '</li>');
        tinyMCE.execCommand('mceAddControl', false, 'aaa'+i);
        console.log('add '+i);
        i++;
    }); 

    ////Function to delete element by ID/////
    function delIt(eleId)  
    {
        d = document;  
        var ele = d.getElementById(eleId);  
        var parentEle = d.getElementById('njajal');  
        parentEle.removeChild(ele);  
    }

有什么问题吗？

HTML 代码如下：

<div id="form">
    <form method="post" action="">
        <fieldset>
            <ol id="list1">
                <li>        
                    <label for="njajal[]">njajal
                        <textarea name="njajal[]" class="tinymce" ></textarea>
                    </label>
                </li>
            </ol>
            <div id="addOpt">
                <a id="buttonAdd" class="bt"><b>Tambah</a>
            </div> 
        </fieldset>
    </form>
</div>

屏幕截图：

Answer 1

您在第一个函数中使用 jQuery，因此删除该元素的最简单方法是使用 jQuery：

$('#myElementID').remove();

以下是使用纯 JavaScript 完成相同操作的方法：

var myElement = document.getElementById('myElementID');
myElement.parentNode.removeChild(myElement);

Answer 2

编辑：

为了让事情更简单，请将 > 读为“子项：

据我所知，问题在于 textarea >” label > li > ol 唯一实际具有 id 的元素是

因此要删除标签（如图所示），请将 delIt 更改为：

function deleteLabelTextArea(){
   var elementRemove = document.getElementById("list1").firstElementChild.firstElementChild;
   elementRemove.parentNode.removeChild(elementRemove);
}

旧答案:

---

因为我们看不到 HTML 我我不确定问题是什么，除了 Marc B 提到的“njajal”不是 eleID 的父级之外，要解决这个问题，我建议：

function delIt(eleId){
   var ele = document.getElementById(eleId);
   ele.parentNode.removeChild(ele);
}

Answer 3

到目前为止提出的解决方案将不起作用，因为tinymce不是文本区域！
Tinymce 使用指定的 html 元素（在本例中为文本区域）的内容进行初始化。初始化后，将创建一个具有可编辑内容的 iframe，用户可以在其中编辑 html 内容。

为了摆脱tinymce编辑器，您需要首先将其关闭：

tinymce.execCommand('mceRemoveControl', false, 'content'); // your textarea got no id, then tinymce uses 'content' as default editor id

其次，您可以删除诸如label和textarea之类的初始html元素，作为您的其他解决方案问题展示。

我只是想知道为什么你的页面上有两个tinymce编辑器？
对我来说，您可能更愿意只初始化其中一个，而不是之后删除第二个。