Question

我有一些使用javascript动态创建的单选按钮。我需要弄清楚如何在div中引用文本（也是动态创建的）以下是示例html：

<div>
 <div class="div_ceck"><input id="shipping_service_1" name="sid" value="1" type="radio"></div>
 <div class="free"><label for="shipping_service_1" id="shipping_service_price_1">Free</label></div>
 <br class="clr">
 <div class="div_ceck"><input id="shipping_service_2" name="sid" value="2" type="radio"></div>
 <div class="free"><label for="shipping_service_2" id="shipping_service_price_2">14.00</label></div>
</div>

因此，当点击动态单选按钮“shipping_service_2”时，我想提醒“14.00” - “shipping_service_price_2 id的文字。

到目前为止，这是我的（非工作）代码

$("input[name='sid']").live("change", function() {
   var id = $(this).val();
   alert($("#shipping_service_price_" + id).text())
  })

});

编辑：谢谢你的回复。项目代码产生了一些格式错误的HTML，这就是我无法选择文本的原因。上面的html只是用于测试，实际上工作（是的，我是一个moran）

Answer 1

只需获取div引用然后使用.text（）或.html（）来获取值（即存储在div中的信息）...

Answer 2

$("input[name='sid']").live("change", function() {
   var id = $(this).val();
   alert($("#shipping_service_price_" + id).html())
  })
});

Answer 3

一旦删除了不必要的撇号，您的代码就能很好地运行，jsbin处的演示：

$("input[name='sid']")

应该是：

$("input[name=sid]")

<小时/> 已编辑，以回应我的假设：

我的立场得到了纠正，它与撇号的效果非常好。演示时间：jsbin。

jQuery Live获取Div文本

3 个答案: