jquery - jqueryの方法でラジオ入力にテキストを追加します

Question

入力ラジオの後にテキストを追加するにはどうすればよいですか。

これはうまくいきません

$inp =  $('<input>',
          { 'type': 'radio',
            'id': 'test1',
            'name': 'test' })
         .append('hello radio box <br />');

Answer 1

入力要素は子を持つことができないため、.append()何かを行うことはできません...試してください.after()

$inp =  $('<input>',
          { 'type': 'radio',
            'id': 'test1',
            'name': 'test' })
            .appendTo('body')
            .after('hello radio box <br />');

dystroy指摘したように、要素がDOMにあるまで使用できないため、.after()前に使用する必要があります.appendTo()。

このように: http://jsfiddle.net/dWLtm/

Answer 2

ここは運だ!!

HTML コード:

<input type="radio" name="male" id="male">

jQuery コード:

$(function () {
    // Option: 1
    $('input:radio').after('Your Text Go to Go!!');
    // Option: 2
    $('#test').after('Your Text Go to Go!!');
    // Option: 3
    var textToInsert = "hello radio box <br />";
    var inputAttr = {
            'type' : 'radio',
            'id' : 'test1',
            'name' : 'test'
        };
    $inp = $('<input>', inputAttr).appendTo('body').after(textToInsert);
});

あなたが食べたいものはたくさんあります.. :)