如何使用jquery选择元素?

时间:2014-02-25 19:26:18

标签: jquery html

我试图在多个div中选择我的单选按钮值,但我不知道。

此外,在表格中附加文本但不起作用。也许我的语法错了?

我也尝试过appendTo()但是一样。屏幕上没有任何内容

输入无线电位于..

<div id="wrap">
<div id="section1">
<table class="question">
<tr><td><input type="radio" value="yes" name="tv"/></td><td><p id="position"></p></td></tr>
</table>
</div>
</div>

以下是我在script.js中的jquery源代码

$('#section1.input:radio["tv"]').change(function(){
    if ($(this).val() == 'yes') {
       $('#position').append("test appending");
});

1 个答案:

答案 0 :(得分:1)

你的选择器完全错了。

  • input不应以点为前缀,它不是CSS类;
  • 您需要#section1input之间的空格,因为输入是您div的子项;
  • 您在方括号中忘了name=

尝试类似:

$('#section1 input:radio[name="tv"]').change(function(){
    if ($(this).val() == 'yes') {
       $('#position').append("test appending");
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="wrap">
  <div id="section1">
  <table class="question">
  	<tr>
      <td>
        <input type="radio" value="yes" name="tv"/></td><td><p id="position"></p>
      </td>
    </tr>
  </table>
  </div>
</div>