jq中替换p标签中的内容 请大神指导

Question

 <div id="rads" class="formStyle selectOrder">
        <p>
             <input type="radio"  name="question" value="oui" checked >选项1
        </p>
        <p>
            <input type="radio"  name="question" value="non" > 选项2
        </p>
        <p>
            <input type="radio"  name="question" value="non" > 选项3
        </p>
    </div>
    <button class="blueBtn" onclick = "init()">替换</button>

 var radioData = [{name:'紧急', value:1}, {name:'重要', value:2}, {name:'普通', value:3}];

function init(){
    for(var  i=0;i<radioData.length;i++){
            var pArray = $("#rads p");
            var radioObj = radioData[i];
            pArray[i].value =radioObj.name+"";

    }

  }

将 选项1 选项2 选项3 换成radioData 中的内容 请大神指教为啥我的JS不起作用

Answer 1

你执行init了没有？。。而且代码也有问题

 <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script>
<div id="rads" class="formStyle selectOrder">
    <p>
        <input type="radio" name="question" value="oui" checked>选项1
    </p>
    <p>
        <input type="radio" name="question" value="non"> 选项2
    </p>
    <p>
        <input type="radio" name="question" value="non"> 选项3
    </p>
</div>
<button class="blueBtn" onclick="init()">替换</button>
<script>
    var radioData = [{ name: '紧急', value: 1 }, { name: '重要', value: 2 }, { name: '普通', value: 3 }];

    function init() {
        var radios = $("#rads input");
        for (var i = 0; i < radioData.length; i++) {
            var el = radios[i]
            if(el)el.nextSibling.data=radioData[i].name
        }

    }
    init()
</script>