使用jQuery加载到适当的子级
我使用下拉选择器将匹配部分从外部文件加载到选择器下面一行的表格单元格中。我似乎无法正确地瞄准它。我原以为nextAll()会成功,但事实并非如此。我还可以试试别的吗使用jQuery加载到适当的子级,jquery,Jquery,我使用下拉选择器将匹配部分从外部文件加载到选择器下面一行的表格单元格中。我似乎无法正确地瞄准它。我原以为nextAll()会成功,但事实并非如此。我还可以试试别的吗 $('.mySelector').change(function(){ var $selectForm = '#' + $(this).val(); $(this).nextAll('.fLoad').load('formParts.html ' + $selectForm ); }); <table>
$('.mySelector').change(function(){
var $selectForm = '#' + $(this).val();
$(this).nextAll('.fLoad').load('formParts.html ' + $selectForm );
});
<table>
<tr>
<td>
<select class="mySelector">
<option value="o1">Car details</option>
<option value="o2">Bike details</option>
<option value="o3">Boat details</option>
</select>
</td>
</tr>
<tr>
<td class='fLoad'> </td>
</tr>
<tr>
<td>
<select class="mySelector">
<option value="o1">Car details</option>
<option value="o2">Bike details</option>
<option value="o3">Boat details</option>
</select>
</td>
</tr>
<tr>
<td class='fLoad'> </td>
</tr>
</table>
$('.mySelector').change(函数(){
var$selectForm='#'+$(this.val();
$(this.nextAll('.fLoad').load('formParts.html'+$selectForm);
});
汽车详情
自行车详情
船只详情
汽车详情
自行车详情
船只详情
执行以下操作:
$(this).closest('tr').next().find('.fLoad').load('formParts.html ' + $selectForm );
- 使用该方法获取最近的祖先元素
- 遍历到下一个
元素的方法 - 查找
元素的方法.fLoad
$(this).nextAll('.fLoad').text('found it')
,以检查您是否找到了正确的元素。不,它似乎没有找到目标…嗯。。。好像打不中了。。。为了测试,有没有办法突出显示我点击了哪个部分?明白了!我忘了我还有另外一节课。我把两者结合起来,效果很好!谢谢