Javascript 如何使用单选按钮更改文本大小-JQuery Mobile

我试图更新listview中每个项目的标题和段落信息的文本大小。以下是我到目前为止的JQuery：

$('#rc1').prop('checked', 'true', function(){
    $(".feedContainer ul li h3").css('font-size', '1em');
    $(".feedContainer ul li p").css('font-size', '.9em');

});

$('#rc2').prop('checked', 'true', function(){
    $(".feedContainer ul li h3").css('font-size', '1.5em');
    $(".feedContainer ul li p").css('font-size', '1.4em');
    $('#header-title').html('test');

});

$('#rc3').prop('checked', 'true', function(){
    $(".feedContainer ul li h3").css('font-size', '2em');
    $(".feedContainer ul li p").css('font-size', '1.9em');

});

以下是html：

 <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
        <legend>Text Size</legend>
        <input type="radio" name="rc1" id="rc1" value="off" >
        <label for="rc1">A</label>
        <input type="radio" name="rc2" id="rc2" value="off">
        <label for="rc2">A</label>
        <input type="radio" name="rc3" id="rc3" value="off">
        <label for="rc3">A</label>
 </fieldset>

谁能帮我一下吗？谢谢大家!

编辑：添加了feedContainer的CSS：

.feedContainer ul li h3 {
    color: #333;
    font-size: 1em;
    padding: 0;
    font-weight: bold;
    margin: 0;
    font-family: 'Oxygen', sans-serif;
    white-space:normal;
}
.feedContainer ul li p {
    font-size: .9em;
    color: #666;
    margin: 0;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    white-space:normal;
}

---

类选择器选择类名所在的所有元素。像这样试试看变量是什么

 var color = $("div").css( "background-color" );

---

.feedContainer是元素吗？

什么是$（“.feedContainer？Html，CSS？以及.feedContainer.feedContainer的Html CSS在哪里？即使我将单击函数的结果更改为：$（“#页面标题”）.Html（“测试”），feedContainer也是一个类井；函数仍然不起作用。我想现在是提琴时间，你能创建一个JSFIDLE吗？如果我添加这个css，它可以工作$（“.feedContainer ul li”）.css（'font-size'，'35px'）；在你的函数之外，所以你的函数似乎没有被调用？让我们来看看

 var color = $("div").css( "background-color" );