だから、私は親divと子divを持っています。 JavaScriptは子divを作成します。ID &内部のテキストは異なります。だから私は次にやろうとしています。各項目の後ろにはXがあります。クリックすると項目が削除されますが、それは可能ですか?私はJavaScriptを使って何かを試しましたが、その項目をクリックして削除する方法を理解できませんでした。また、同じ項目名を含む1つのクラスも削除する必要があります。私は下にいくつかのコードを記入します。JavaScript - アイテムをクリックして親のdivから削除しますか?
HTML例:
<div id="itemcart" style="float: left;height: 184px;width: 330px;left: 245px;">
<div id="★_Butterfly_Knife__Crimson_Web_Field-Tested">★ Butterfly Knife | Crimson Web (Field-Tested)</div>
<div id="AWP__Asiimov_Battle-Scarred">AWP | Asiimov (Battle-Scarred)</div>
<div id="AK-47__Wasteland_Rebel_Field-Tested">AK-47 | Wasteland Rebel (Field-Tested)</div>
<div id="M4A1-S__Cyrex_Field-Tested">M4A1-S | Cyrex (Field-Tested)</div>
<div id="AWP__Corticera_Minimal_Wear">AWP | Corticera (Minimal Wear)</div>
<div id="StatTrak™_USP-S__Torque_Field-Tested">StatTrak™ USP-S | Torque (Field-Tested)</div>
<div id="Chroma_2_Case">Chroma 2 Case</div>
<div id="Chroma_2_Case">Chroma 2 Case</div>
<div id="Chroma_2_Case">Chroma 2 Case</div>
<div id="Souvenir_Nova__Walnut_Field-Tested">Souvenir Nova | Walnut (Field-Tested)</div>
<div id="Galil_AR__Kami_Factory_New">Galil AR | Kami (Factory New)</div>
<div id="Tec-9__Red_Quartz_Field-Tested">Tec-9 | Red Quartz (Field-Tested)</div>
<div id="Chroma_2_Case">Chroma 2 Case</div>
<div id="Chroma_2_Case">Chroma 2 Case</div>
<div id="Chroma_2_Case">Chroma 2 Case</div>
<div id="Chroma_2_Case">Chroma 2 Case</div>
<div id="Chroma_2_Case">Chroma 2 Case</div>
<div id="Chroma_2_Case">Chroma 2 Case</div>
</div>
itemcart下にあるこれらのdivの、 "アイテムカード" をクリックすることで、JavaScriptをすることによって追加されます。アイテムカードの画像タイトル(アイテムの画像)からアイテムの名前を取得します。アイテムカードがクリックされると、クラス「アイテム選択」が追加されます。アイテムをクリックして削除すると、そのアイテムで選択されたクラスもアイテムカードの右側のアイテムから削除されます。できることのようなことが可能ですか?
あなたが使用することができます '.removeを()' 'removeItem' という名前のクラスを追加する必要があり、このスクリプトを使用することができます。注意してください、 'html'に重複した' id'があります。 – guest271314
ええ、それはちょうど使用するべきです:重複している場合は最後にしてください。 –
また、そこからその項目を削除するにはどのように.remove()を使用できますか? –