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指出的，.after()直到元素在 DOM 中才能使用，因此您需要在.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);
});

有很多菜，你喜欢吃什么.. :)