偶然在调试代码的时候发现var checkboxs = _self.controls.divCreateTaskMain.find("input[name='class']:checked");
Jquery方法find返回值checkboxs的类型和checkboxs[0]不同 :checkboxs为jquery类型,而checkboxs[0]为dom类型。(个人理解是这样的)
如下在调试过程中对各种值进行记录。
<div id="divCreateTaskMain">
<label class="eui-checkbox inline-block" style="width: 31%; margin: 5px 0;">
<input type="checkbox" name="class" value="C201611210001">
<span class="eui-check"></span>
<span class="eui-caption" title="初一一班">初一一班</span>
</label>
<label class="eui-checkbox inline-block" style="width: 31%; margin: 5px 0;">
<input type="checkbox" name="class" value="C201611210002">
<span class="eui-check"></span>
<span class="eui-caption" title="初一二班">初一二班</span>
</label>
</div>
目的:获取span标签中title的值(即班级名称)
思路:通过jquery的nextAll(条件)方法获取span中的title值【只有jquery对象才能调用nextAll方法,dom对象并不可以】
_self.controls.divCreateTaskMain= $("#divCreateTaskMain");
var checkboxs = _self.controls.divCreateTaskMain.find("input[name='class']:checked");
checkboxs
[
<input type="checkbox" name="class" value="C201611210001">
,
<input type="checkbox" name="class" value="C201611210002">
]
checkboxs[1]
<input type="checkbox" name="class" value="C201611210002">
checkboxs.nextAll("span[class='eui-caption']")
[
<span class="eui-caption" title="初一一班">初一一班</span>
,
<span class="eui-caption" title="初一二班">初一二班</span>
]
checkboxs[1].nextall("span[name='eui-caption']")
TypeError: Object #<HTMLInputElement> has no method 'nextall'
_self.controls.divCreateTaskMain.find("input[name='class'][value='C201611210002']:checked")
[
<input type="checkbox" name="class" value="C201611210002">
]
_self.controls.divCreateTaskMain.find("input[name='class'][value='C201611210002']:checked").nextAll("span[class='eui-caption']")
[
<span class="eui-caption" title="初一二班">初一二班</span>
]
$(checkboxs[1]).nextAll("span[class='eui-caption']")
[
<span class="eui-caption" title="初一二班">初一二班</span>
]
由上可知,checkboxs为jquery对象,而checkboxs[i]为dom对象,可以通过$(checkboxs[i])将dom对象转为jquery对象。
亦可知,jquery对象转换为dom对象可以通过checkboxs[i],将类型为jquery对象的checkboxs数组,取其某个元素(类型为dom对象)checkboxs[i]。
jquery对象及dom对象转换学习自http://blog.csdn.net/wangboxian/article/details/8903999