下面是我的HTML
morning Snack
seI'm the collapsible content for section 2
下面是javascript
$(".checkclass").click(function() { var tes = $(this).closest("div").attr("test"); alert(tes); });
我试图访问div.h3.i ...但我无法访问div本身:/.请检查这个小提琴http://jsfiddle.net/9cQmJ/.哪里我错了?
那是因为加载DOM后的html看起来像这样
<div class="ui-collapsible-content" aria-hidden="false"> <p>seI'm the collapsible content for section 2</p> <form> <div class="ui-checkbox"> <input test="sd" class="checkclass" name="checkbox-mini-0" id="checkbox-mini-0" data-mini="true" type="checkbox"> <label for="checkbox-mini-0" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="checkbox-off" data-theme="c" data-mini="true" class="ui-btn ui-btn-corner-all ui-mini ui-btn-icon-left ui-checkbox-on ui-btn-hover-c ui-btn-up-c"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Completed This.</span> <span class="ui-icon ui-icon-shadow ui-icon-checkbox-on"> </span> </span> </label> </div> </form> </div>
所以你必须使用另一种选择器,尝试使用属性选择器
var tes = $(this).closest("div[test]").attr("test");
DEMO