用另一个元素替换HTML元素

Question

我正在尝试获取ID为img的{​​{1}}元素，以便在按下某些键时变为origImg元素，其ID为iframe。我不知道任何javascript，所以我该怎么做？

Answer 1

1. 将keyup事件绑定到可以捕获击键的内容，例如，document捕获击键。

2. 然后，评估按下了哪个键。只需观看jQuery的event.which即可处理浏览器支持。

3. 然后，使用jQuery的.replaceWith()将现有HTML元素替换为新元素。

这应该就是你所需要的。

修改

如果你需要多个字符，你需要将它们的值设置为数组并检查是否存在，非常容易。

var accepted = ['13', '8', '9', '40'];

$(document).on('keyup', function(e){
    if($.inArray(e.which, accepted){
        $('#origImg').replaceWith('<iframe id="video"/>');
    }
});