знак процента не отображается

Question

Я хочу отобразить текстовое поле со знаком% рядом с текстовым полем, но% не появляется, как мне его отобразить?

Ниже мой код:

 var $weightText = $("<input type='text' id='txtWeightRow' maxlength='5' onkeypress='return isNumberKey(event)'/>").attr('name',$this.attr('name')) 
       .attr('value',$this.val()) 

Answer 1

Из fine manual:

Если строка передается в качестве параметра $(), JQuery рассматривает строку, чтобы увидеть, если она выглядит как HTML (то есть, он имеет <tag ... > где-то в пределах строки). Если нет, строка интерпретируется как выражение селектора, как описано выше. Но если строка представляет собой фрагмент HTML, jQuery пытается создать новые элементы DOM, как описано в HTML. Затем создается и возвращается объект jQuery, который относится к этим элементам.

Похоже, что jQuery пытается понять, что находится в этой строке, и не совсем верно. Если вы try this (по крайней мере, в браузере WebKit):

console.log($("<input type='text' id='txtWeightRow'>%")); 
console.log($("<input type='text' id='txtWeightRow'>%<br>")); 

Вы увидите, что только <input> выходит в первый, но вы получите все три за секунду. Я бы назвал это ошибкой в ​​jQuery.

Я думаю, что вы должны сделать это в два этапа, чтобы сделать его работу:

var $weightText = $("<input type='text' id='txtWeightRow'/>").attr('name', $this.attr('name')) 
//... 
$(whatever).append($weightText).append('%'); 

где whatever делает, конечно, зависит от того, где вы пытаетесь поставить <input>.

Answer 2

Чтобы добавить% рядом с вашим текстовым полем, вы хотите сделать что-то вроде этого:

$('#txtWeightRow').after('%'); 

Answer 3

var $weightText = $("<input type='text' id='txtWeightRow'/>").attr('name',$this.attr('name')); 
$("#txtWeightRow").after('%'); 

Answer 4

Если вы хотите выберите значение другого текстового поля, которое вы должны сделать примерно так:

var txtValue = $('#wanted-textbox').val();