blocks|key|1155258|text|删除第一个字符|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1155259|​$("div").on("click",+function(){
++++$(this).text(function(index,+text){
++++++++return+text.replace(/%5E.(\s%2B)?/,+'');
++++});
});​​​​​​​​​​​​|code-block|syntax|javascript|1155260|删除最后一个字符|1155261|$("div").on("click",+function(){
++++$(this).text(function(index,+text){
++++++++return+text.replace(/(\s%2B)?.$/,+'');
++++});
});|1155262|删除特定字符|1155263|$("div").on("click",+function(){
++++$(this).text(function(index,+text){
++++++++return+text.replace(/r/gi,+'');
++++});
});|1155264|请在线查看每种方法的示例：http://jsfiddle.net/Xcn6s/|offset|length|1155265|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/Xcn6s/^0|0|0|0|0|0|0|D|Q|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|16|8|@]|9|@$Q|17|R|18|1|19]]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

<h3>Removing First Character</h3>

<pre><code>​$("div").on("click", function(){
    $(this).text(function(index, text){
        return text.replace(/^.(\s+)?/, '');
    });
});​​​​​​​​​​​​
</code></pre>

<h3>Removing Last Character</h3>

<pre><code>$("div").on("click", function(){
    $(this).text(function(index, text){
        return text.replace(/(\s+)?.$/, '');
    });
});
</code></pre>

<h3>Removing a Specific Char</h3>

<pre><code>$("div").on("click", function(){
    $(this).text(function(index, text){
        return text.replace(/r/gi, '');
    });
});
</code></pre>

<p>See an example of each online at: <a href="http://jsfiddle.net/Xcn6s/" rel="noreferrer">http://jsfiddle.net/Xcn6s/</a></p>


blocks|key|1155323|text|除了Jonathan的答案，如何删除第一个字符：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1155324|$("div.myDiv").click(function(){
++++$(this).html($(this).text().substring(1));
});|code-block|syntax|javascript|1155325|或者，删除最后一个字符：|1155326|$("div.myDiv").click(function(){
++++$(this).html($(this).text().replace(/.$/g,+''));
});|1155327|或者，疯狂地从随机位置删除一个字符：|1155328|$("div.myDiv").click(function(){
++++var+text+=+$(this).text();
++++var+index+=+Math.round(Math.random()+*+(text.length+-+1));
++++var+result+=+text.substring(0,+index)+%2B+text.substring(index+%2B+1,+text.length+-+1);
++++$(this).html(result);
});|1155329|您可以使用上面的函数和预定义的索引从特定位置删除，而不是随机放置。|1155330|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>Alternative to Jonathan's answer, how to delete the first character:</p>

<pre><code>$("div.myDiv").click(function(){
    $(this).html($(this).text().substring(1));
});
</code></pre>

<p>Or, remove the last character:</p>

<pre><code>$("div.myDiv").click(function(){
    $(this).html($(this).text().replace(/.$/g, ''));
});
</code></pre>

<p>Or, go crazy and remove a character from a random place:</p>

<pre><code>$("div.myDiv").click(function(){
    var text = $(this).text();
    var index = Math.round(Math.random() * (text.length - 1));
    var result = text.substring(0, index) + text.substring(index + 1, text.length - 1);
    $(this).html(result);
});
</code></pre>

<p>Instead of random place, you can use the above function with a predefined index to remove from a specific location.</p>


blocks|key|1370457|text|这会在您每次单击div时删除一个字符。没有更多的要求，我不能给你更多。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1370458|<html>

<head>
++++<script>

++++function+deleteChar(div)+{
+++++++div.innerHTML+=+div.innerHTML.replace(/.$/,+'');
++++}

++++</script>
</head>

<body>

++++<div+onclick="deleteChar(this)">this+is+my+div</div>

</body>
</html>|code-block|syntax|javascript|1370459|哦，对不起，你要的是jquery...好的，这就是你直接在javascript中做的。|1370460|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>This deletes a character each time you click on the div.  Without more requirements, I can't give you any more.</p>

<pre><code>&lt;html&gt;

&lt;head&gt;
    &lt;script&gt;

    function deleteChar(div) {
       div.innerHTML = div.innerHTML.replace(/.$/, '');
    }

    &lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;

    &lt;div onclick="deleteChar(this)"&gt;this is my div&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Oh, sorry, you asked for jquery... Well, this is how you do it in straight javascript.</p>


blocks|key|1155432|text|如果你想在每次点击时删除文本的第一个字符，你可以使用substring。例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1155433|$("#textDiv").click(function(){
++$(this).html($(this).text().substring(1));
});|code-block|syntax|javascript|1155434|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If you wanted to delete the first character of the text every click you could use substring. e.g.:</p>

<pre><code>$("#textDiv").click(function(){
  $(this).html($(this).text().substring(1));
});
</code></pre>


blocks|key|1155463|text|要补充Jonathons的答案，请使用..|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1155464|$("div.myDiv").click(function(){
++$(this).html(+$(this).text().replace("/.$/gi",+"o")+);
});|code-block|syntax|javascript|1155465|删除最后一个字符|1155466|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>To supplemnt on Jonathons answer, use..</p>

<pre><code>$("div.myDiv").click(function(){
  $(this).html( $(this).text().replace("/.$/gi", "o") );
});
</code></pre>

<p>To remove the last character</p>


blocks|key|1155471|text|普通JavaScript：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1155472|<div+id="text">This+is+some+text</div>
<script>
var+node+=+text.firstChild;
var+nodeValue+=+"";
var+nodeValueLength+=+0;
text.onclick+=+function+()+{
++++nodeValue+=+node.nodeValue;
++++node.nodeValue+=+nodeValue.substring(0,+nodeValue.length+-+1);
};
</script>|code-block|syntax|javascript|1155473|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Plain JavaScript:</p>

<pre><code>&lt;div id="text"&gt;This is some text&lt;/div&gt;
&lt;script&gt;
var node = text.firstChild;
var nodeValue = "";
var nodeValueLength = 0;
text.onclick = function () {
    nodeValue = node.nodeValue;
    node.nodeValue = nodeValue.substring(0, nodeValue.length - 1);
};
&lt;/script&gt;
</code></pre>


blocks|key|1370597|text|假设您有一个对div的引用，并且它只包含一个文本节点(正如您的问题所暗示的)，这非常简单。下面是一个非jQuery的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1370598|div.onclick+=+function()+{
++++var+textNode+=+this.firstChild;
++++textNode.data+=+textNode.data.slice(0,+-1);
};|code-block|syntax|javascript|1370599|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Assuming you have a reference to the div and it just contains a single text node (as your question implies), this is very simple. Here's a non-jQuery solution:</p>

<pre><code>div.onclick = function() {
    var textNode = this.firstChild;
    textNode.data = textNode.data.slice(0, -1);
};
</code></pre>


<p>I have a <code>DIV</code> with some characters. How can I remove the last character from the text with each click on the <code>DIV</code> itself?</p>


Delete Last Char of String with Javascript

我有一个带有一些字符的DIV。如何在每次单击DIV时从文本中删除最后一个字符？

问使用Javascript删除字符串的最后一个字符
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Javascript删除字符串的最后一个字符EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Javascript删除字符串的最后一个字符
EN