Nur 10 Zeichen einer langen Zeichenfolge anzeigen?

Wie bekomme ich einen langen text-string (wie ein querystring), um eine maximal 10 Zeichen, mit JQuery?

Sorry Leute, ich bin ein Neuling bei JavaScript & JQuery :S
Jegliche Hilfe würde sehr geschätzt werden.

InformationsquelleAutor der Frage Nasir | 2010-08-05

114

Wenn ich das richtig verstehe wollen Sie begrenzen einen string auf 10 Zeichen?
```
var str = 'Some very long string';
if(str.length > 10) str = str.substring(0,10);
```
Sowas?

InformationsquelleAutor der Antwort Sebs

Und hier ist ein jQuery-Beispiel:

HTML-text Feld:

<input type="text" id="myTextfield" />

jQuery-code, um seine Größe beschränken:

var elem = $("#myTextfield");
if(elem) elem.val(elem.val().substr(0,10));

Als ein Beispiel, könnten Sie die jQuery-code von oben zu beschränken, den Nutzer von der Eingabe mehr als 10 Zeichen, während er Eingabe; der folgende code-snippet macht genau dies:

$(document).ready(function() {
    var elem = $("#myTextfield");
    if (elem) {
        elem.keydown(function() {
            if (elem.val().length > 10)
                elem.val(elem.val().substr(0, 10));
        });
    }            
});

Update:
Der obige code-snippet nur verwendet wurde, um zu zeigen, ein Beispiel für die Verwendung.

Den folgenden code-snippet, das wird Griff Sie Problem mit dem DIV-element:

$(document).ready(function() {
    var elem = $(".tasks-overflow");
    if(elem){
        if (elem.text().length > 10)
                elem.text(elem.text().substr(0,10))
    }
});

Bitte beachten Siedass ich mit text statt val in diesem Fall, da die val Methode scheint nicht zu funktionieren mit dem DIV-element.

InformationsquelleAutor der Antwort Giuseppe Accaputo

Erstellen eigene Antwort, weil noch niemand in Betracht gezogen hat, dass die Spaltung möglicherweise nicht passiert ist (kürzerer text). In diesem Fall wollen wir nicht hinzufügen, ' ... ' als suffix.

Ternären operator zu Sortieren, dass aus:

var text = "blahalhahkanhklanlkanhlanlanhak";
var count = 35;

var result = text.slice(0, count) + (text.length > count ? "..." : "");

Geschlossen werden können Funktion:

function fn(text, count){
    return text.slice(0, count) + (text.length > count ? "..." : "");
}

console.log(fn("aognaglkanglnagln", 10));

Erweitern und Helfern Klasse, so können Sie sogar wählen, wenn Sie möchten, dass die Punkte oder nicht:

function fn(text, count, insertDots){
    return text.slice(0, count) + (((text.length > count) && insertDots) ? "..." : "");
}

console.log(fn("aognaglkanglnagln", 10, true));
console.log(fn("aognaglkanglnagln", 10, false));

InformationsquelleAutor der Antwort Tatranskymedved

html

<p id='longText'>Some very very very very very very very very very very very long string</p>

javascript (bei doc-ready)

var longText = $('#longText');
longText.text(longText.text().substr(0, 10));

Wenn Sie mehrere Wörter in den text ein, und wollen, dass jeder zu werden, begrenzt auf maximal 10 chars, die man tun könnte:

var longText = $('#longText');
var text = longText.text();
var regex = /\w{11}\w*/, match;
while(match = regex.exec(text)) {
    text = text.replace(match[0], match[0].substr(0, 10));
}
longText.text(text);

InformationsquelleAutor der Antwort sje397

4

Was sollten Sie tun, wenn Sie Sie kürzen Sie die Zeichenfolge zu zehn Zeichen fügen Sie den html-von Ellipsen Person: … anstatt drei Perioden.

InformationsquelleAutor der Antwort Ken Ray

Das sieht mir mehr wie das, was Sie wahrscheinlich wollen.

$(document).ready(function(){
var stringWithShorterURLs = getReplacementString($(".tasks-overflow").text());

function getReplacementString(str){
    return str.replace(/(https?\:\/\/[^\s]*)/gi,function(match){
        return match.substring(0,10) + "..."
    });
}});

Sie geben es für das html-element in der ersten Zeile und dann dauert es den ganzen text, urls ersetzt mit 10 Zeichen langen Versionen und gibt es Ihnen.
Dies scheint ein wenig seltsam, um nur 3 von der url-Zeichen, so würde ich empfehlen, wenn möglich.

$(document).ready(function(){
var stringWithShorterURLs = getReplacementString($(".tasks-overflow p").text());

function getReplacementString(str){
    return str.replace(/https?\:\/\/([^\s]*)/gi,function(match){
        return match.substring(0,10) + "..."
    });
}});

was wäre rip die http://oder https://und drucken von bis zu 10 Zeichen von http://www.example.com

InformationsquelleAutor der Antwort mraaroncruz

@jolly.exe

Schönes Beispiel, Jolly. Ich aktualisiert Ihre version, die Grenzen der Zeichen-Länge im Gegensatz zu der Anzahl der Wörter. Ich habe auch Einstellung der Titel, um den tatsächlichen ursprünglichen innerHTML , so dass die Nutzer können schweben und zu sehen, was abgeschnitten wird.

HTML

<div id="stuff">a reallly really really long titleasdfasdfasdfasdfasdfasdfasdfadsf</div>

 function cutString(id){    
     var text = document.getElementById(id).innerHTML;         
     var charsToCutTo = 30;
        if(text.length>charsToCutTo){
            var strShort = "";
            for(i = 0; i < charsToCutTo; i++){
                strShort += text[i];
            }
            document.getElementById(id).title = "text";
            document.getElementById(id).innerHTML = strShort + "...";
        }            
     };

cutString('stuff');

InformationsquelleAutor der Antwort DaFrenzy

('very long string'.slice(0,10))+'...'
//"very long ..."

InformationsquelleAutor der Antwort Kai Light

Zeigen diese "langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text langer text "

langer text langer text langer ...

        function cutString(text){    
            var wordsToCut = 5;
            var wordsArray = text.split(" ");
            if(wordsArray.length>wordsToCut){
                var strShort = "";
                for(i = 0; i < wordsToCut; i++){
                    strShort += wordsArray[i] + " ";
                }   
                return strShort+"...";
            }else{
                return text;
            }
         };

InformationsquelleAutor der Antwort jolly.exe

Versuchen Sie dies 🙂

var mystring = "How do I get a long text string";
mystring = mystring.substring(0,10);
alert(mystring);

InformationsquelleAutor der Antwort Vishal P Gothi

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.