Jquery 单击视频时动态添加和删除图标

我有一个div，其中有视频URL列表，我需要在视频播放时动态添加播放图标，我需要删除它。同时单击另一个视频并将其添加到该视频中。但我无法在单击另一个时将其删除

这里是我迄今为止尝试过的html和脚本

    <div class="myDiv" >
    <ul>
    <li class="videoList" id="item-0" >
    <div class="row" href="#video1">
    <div>
    <img class="ImagContent">
    </div>
    <div>
    <label class="myClass">Text</label>
    </div>
    </div>
    </li>
<li class="videoList" id="item-1" >
    <div class="row" href="#video1">
    <div>
    <img class="ImagContent">
    </div>
    <div>
    <label class="myClass">Text</label>
    </div>
    </div>
    </li>
    </ul>
    </div>

$('.myDiv').click(function () {
var id=$(this).attr('id')
   $('#'+id).find('.myclass').append('<i style="font-size:24px" class="fa">&#xf144;</i>');
});

正文


正文


$（'.myDiv'）。单击（函数（）{
var id=$（this.attr（'id'））
$（'#'+id）.find（'.myclass'）.append（'；'）；
});

有人能帮我解决这个问题吗

提前谢谢

/*$（“.videoList”）。单击（函数（）{
$（'.videoList'）.find（'.myClass'）.html（“”；//从myClass中删除图标
$（this.find（'.myClass'）.append（'；'）；//append图标
});*/
$（文档）.on（'click'，“.videoList”，函数（e）{
e、 预防默认值（）；
$（'.videoList'）.find（'.myClass'）.html（“”；//从myClass中删除图标
$（this.find（'.myClass'）.append（'；'）；//append图标
});



图1
正文


图2
正文


尝试以下代码

$('.videoList').click(function () {
    var id=$(this).attr('id');
    $('.myclass').html('text'); // set default value for all
    $('#'+id).find('.myClass').append('<i style="font-size:24px" class="fa">&#xf144;</i>'); // append icon to myClass 
});

$（'.videoList'）。单击（函数（）{
var id=$（this.attr（'id'）；
$（'.myclass'）.html（'text'）；//为所有设置默认值
$（'#'+id）.find（'.myClass'）.append（'；'）；//将图标追加到myClass
});
当有人单击li元素时，是否要执行操作？单击div元素本身后，应播放视频并显示图标您的问题未被清除。视频url在哪里？您需要在它之前添加图标。请添加带有多个视频的html。如果您不想显示url，只需编写video\u url1、video\u url2即可。所以我可以很容易地帮助你。我再一次编辑@如果要添加任何文本，请使用$（'.videoList'）.find（'.myclass'）.html（“文本”）；实际上我用了你的js脚本。在html中，您的类名为“myClass”，在javascript代码中，您使用的是“myClass”。我检查过了，现在可以用了。我给了你两个剧本。两个都能工作1被注释，另一个不能