Wählen Sie programmatisch eine Teilmenge von Zeichen aus einem inhaltlichen bearbeitbaren Element aus ⇐ HTML

[Anonymous]

Ich habe eine Liste von Elementen, bei denen eines der Attribute doppelt geklickt und dann bearbeitet werden kann. "150 mm" . Werte oder die Länge der Zeichenfolge weniger die Zeichen am Ende.

Code: Select all

$('body').on('dblclick', '.value', function(){
$(this).attr('contenteditable', true);
//*** this is where I need some help
$(this).focus().select();
//How to only select the numbers, not include the "mm"?
//or how to select (length - 2) characters?
});
$(document).mouseup(function(e){
var element = $('body').find('.value[contenteditable="true"]');
if (!element.is(e.target) && element.has(e.target).length === 0){
$('.value').attr('contenteditable', false);
}
});
$(document).keypress(function(e) {
if($('.value[contenteditable="true"]')){
if(e.which == 13){ //enter
$('.value').attr('contenteditable', false);
}
}
});< /code>
.list{
display: flex;
flex-direction: column;
gap: 10px;
.item{
display: flex;
.id{
width: 20px;
font-weight: 600;
}
&:has(.value[contenteditable="true"]){
.id{
color: red;
}
}
}
}< /code>



1
100mm

2
2,500mm

3
340mm