-1

我试图在输入字母时从文档中删除 div,但我似乎无法理解逻辑和/或语法。目前,我用来执行此操作的代码在 html 文档中被注释掉,其工作版本删除了在其下方未注释的内容。我所有的代码都在下面。对此的任何帮助都会很棒。

同样,我试图根据用户输入的内容删除一个 div 元素。

HTML

CSS

JavaScript

4

1 回答 1

1

我不太确定你到底要做什么,因为那个代码太难破译了。

这里有一些代码将根据 keyup 删除一个 div。它会删除包含与您键入的相同字母的 div。不确定这是否与您想要的相似,但希望这会有所帮助:

http://jsfiddle.net/h2fa4/1/

HTML:

<html>
<head><title>Remove Divs</title></head>
<body>
    Enter a character to remove the div with the corresponding letter:
        <input id="in" />
    <br />
    <div id="parent">
        <div>A div</div>
        <div>B div</div>
        <div>C div</div>
        <div>D div</div>
        <div>A div</div>
        <div>B div</div>
        <div>C div</div>
        <div>D div</div>
        <div>A div</div>
        <div>B div</div>
        <div>C div</div>
        <div>D div</div>
        <div>A div</div>
        <div>B div</div>
        <div>C div</div>
        <div>D div</div>
        <div>A div</div>
        <div>B div</div>
        <div>C div</div>
        <div>D div</div>
    </div>
</body>
</html>

jQuery代码:

$("#in").keyup(function(event) {
    var val = String.fromCharCode(event.which);
    $("#parent div:contains('" + val + "')").remove();
});
于 2012-11-16T04:09:30.827 回答