+ -
当前位置:首页 → 问答吧 → jQuery实战 书中一段代码 求助

jQuery实战 书中一段代码 求助

时间:2009-08-04

来源:互联网

复制代码
  1. $('span[price] input[type=text]').change(function() {
  2.         $('~ span:first', this).text(
  3.             $(this).val() * $(this).parents('span[price]:first').attr('price')                            
  4.         );                                                  
  5.     });


以上是 jQuery 实战 书中第四章 89页的一段代码

$('~ span:first', this) 对于其中的 ~ 符号,不懂什么意思,所以发上来求助

还有就是这段代码在 1.2中运行没有问题,在1.3中就有问题
[ 此帖被xlmxbg在2009-08-10 10:21重新编辑 ]

作者: xlmxbg   发布时间: 2009-08-04

prev ~ siblings
匹配 prev 元素之后的所有 siblings 元素
返回值
Array<Element>

参数
prev (Selector) : 任何有效选择器

siblings (Selector) : 一个选择器,并且它作为第一个选择器的同辈

示例
找到所有与表单同辈的 input 元素

HTML 代码:

<form>
  <label>Name:</label>
  <input name="name" />
  <fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:

$("form ~ input")
结果:

[ <input name="none" /> ]

朋友希望对你有所帮助

作者: haibin666   发布时间: 2009-08-04

受教了

作者: norion   发布时间: 2009-08-04

感谢~~太感谢了~~
谢谢你 haibin666  

作者: xlmxbg   发布时间: 2009-08-05

楼主估计没有习惯看JQ中文参考

作者: askazhou   发布时间: 2009-08-07

相关阅读 更多