9

<input type="text" value="1" class="simpleCart_input">プレーンテキストに変換する必要があります。

私はそれが次のようなものである必要があるように

<span class="simpleCart_input">1</span>

しかし、どのように？

4

8 に答える 8

23

使用できますreplaceWith。

$('.simpleCart_input').replaceWith(function(){
   return '<span class='+this.className+'>'+this.value+'</span>'
})

http://jsfiddle.net/fsVRe/

また：

$('.simpleCart_input').replaceWith(function(){
    return $('<span/>', {
              'class': this.className,
               text: this.value
           })
})
于 2012-09-09T09:00:52.143 に答える
2

私があなたを正しく理解していれば、これでうまくいくはずです： 

var a = $('.simpleCart_input').html();
alert(a);

コメントに基づいて、これが必要です：

var a = $('.simpleCart_input').val();
$('.simpleCart').text(a);

(コードがその目的を達成するには、クラス simpleCart のスパンが必要です。)

最終提案:

変換用のコードを追加するだけです。これにより、入力フィールドが削除され、目的の値を持つスパンが挿入されます。

$('.simpleCart_input').replaceWith(
    return '<span class='+this.className+'>'+this.value+'</span>'
);
于 2012-09-09T08:58:16.923 に答える
2

これを使ってみてください:ワーキングデモ http://jsfiddle.net/gvRjn/

http://www.appelsiini.net/projects/jeditable/default.html

それがあなたの原因に合うことを願っています:)

PS - これはhttp://www.appelsiini.net/projects/jeditableプラグインを使用しています。

コード 

$('.editable-element').editable({
    width: 250,
    indicator: 'Saving...'
});


​
于 2012-09-09T08:59:59.477 に答える
2

HTML

<span>
    <input type="text" class="simpleCart_input">
</span>​

jQuery

$('.simpleCart_input').blur(function() {
    var val = $.trim(this.value);
    $(this).parent().attr('class', $(this).attr('class')).html(val);
});​

デモ

別

$('.simpleCart_input').blur(function() {
    var val = $.trim(this.value);
    if( val ) 
    {
      $(this).wrap($('<span/>', {
        'class': $(this).attr('class'),
         html: val
      })).remove();
    }
});​

デモ

于 2012-09-09T09:00:20.103 に答える
2

あなたはこれを行うことができます：

$("input.simpleCart_input").replaceWith(function () {
  return '<span class="'+this.className+'">'+this.value+'</span>';
});​

動作デモ。

于 2012-09-09T09:00:55.300 に答える
0

入力フィールドの値を取得するという意味ですか？もしそうなら：

var val = $（'。simpleCart_input'）。val（）;
alert（val）;

于 2012-09-09T08:53:59.393 に答える
0 
var input = $('.simpleCart_input');
input.replaceWith(
    $('<span>').text(  // Uses text() to avoid breakage if the value contains HTML special characters.
        input.val()
    )
);
于 2012-09-09T09:02:42.753 に答える
0

それは実際には非常に簡単です：

最初に入力を識別する必要があるため、ID を追加します。

 <input id="my-input" type="text" value="Lorem ipsum" />

次に、入力を次のようなテキストに置き換えることができます。

 var input = $('#my-input'),          // cache input
     value = input.attr('value'),  // read input value
     span  = $('<span></span>);    // create a span element     

 span.text(value); // Place the value inside the span     
 input.after(span); // Place the span after the input     
 input.remove(); // Remove the input since this was our mission

これでうまくいくはずです:)

于 2012-09-09T09:03:33.783 に答える