Javascript JS删除div内容并编写新代码

Javascript JS删除div内容并编写新代码,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有这个密码 <div class="carousel-inner" role="listbox"> <div class="item"> <img src="http://" alt=""> <div class="carousel-caption text-left"> <div class="container"> </div>

我有这个密码

 <div class="carousel-inner" role="listbox">

     <div class="item">
        <img src="http://" alt="">
        <div class="carousel-caption text-left">
          <div class="container">

          </div>
        </div>
      </div>
      <div class="item">
        <img src="http://" alt="">
        <div class="carousel-caption text-left">
          <div class="container">

          </div>
        </div>
      </div>

</div>
要编写播放视频的新代码,我应该使用以下代码:

$(".item").html('<video><source src=""></video>');
$(“.item”).html(“”);
我不能写一个好的javascript代码来做我向你解释的事情。 另外,我无法更改第一个代码,因为它是图像的默认滑块。
谢谢您的帮助。

试试这个,
querySelector()
只选择一个选择器,第一个匹配的选择器:

document.querySelector('.carousel-inner .item img').outerHTML ='<video><source src=""></video>';
document.querySelector('.carousel-inner.item-img')。outerHTML='';

试试这个,
querySelector()
只选择一个选择器,第一个匹配的选择器:

document.querySelector('.carousel-inner .item img').outerHTML ='<video><source src=""></video>';
document.querySelector('.carousel-inner.item-img')。outerHTML='';

您可以使用jQuery
replaceWith()
方法来实现这一点,如下所示。。您可以根据需要修改选择器

$('img:first')。替换为(“”)

您可以使用jQuery
replaceWith()
方法来实现这一点,如下所示。。您可以根据需要修改选择器

$('img:first')。替换为(“”)

如果您希望使用jquery,您可以使用和伪选择器来选择和重新选择第一个
”;
});

如果您希望使用jquery,您可以使用和伪选择器来选择和重新选择第一个
”;
});


您应该解释如何选择第一个元素而不是其他元素。您应该解释如何选择第一个元素而不是其他元素。要获取第一个div,请仅使用
:first
选择器。因此,您的选择器应该是
。item:first
。要获取第一个div,请仅使用
:first
选择器。因此,您的选择器应该是
。item:first
。我已经说过要按照他的要求更改选择器。注意:谢谢,我现在用正确的选择器更新了代码。也感谢您,我很抱歉,但我不知道我只能投票一次。我说过要按照他的要求更改选择器注意到谢谢我现在用正确的选择器更新了代码也谢谢你,对不起,但我不知道我只能投票一次。非常感谢,我试过img:first,但没有。replaceWith。没问题,如果你觉得这个答案有用,请接受它谢谢,我试过img:first,但没有试过.replaceWith。没问题,如果你觉得这个答案有用,请接受它