我想选择主分区
I want to select the main div
我的上下箭头位于一个div中,该div是向下的几个div,也是一个图像。当我单击箭头时,我需要用类名句柄移动div。如果我把句柄放在选择器中,代码会很好地工作,但我不想点击句柄。我想能够点击图像,但我似乎无法让选择器足够高。
<script>
$(document).ready(function(){
$('.moveUp2').click(function(){
var diveItem = $(this).parent();
if (diveItem.prev().is('div'))
{
diveItem.insertBefore(diveItem.prev())
}
});
$('.moveDown2').click(function(){
var diveItem = $(this).parent();
if (diveItem.next().is('div'))
{
diveItem.insertAfter(diveItem.next())
}
})
});
</script>
<div style="background-color: #dceaf4;" class="handle">
<div style="float:left;"><b class="order_interaction" id="interactionOrder">{{order}}.</b> </div>
<div style="float:left;"><b id="interactionType">{{type}}</b></div>
<div style="width:100%; text-align:right;">
<div style="text-align:right;">
<a href="#" class="interactionComments">
<img style="cursor:pointer;" title="Comments" src="img/messages.png"/>
</a>
{{#if showControls}}
<a class="moveUp_interaction">
<img style="cursor:pointer;" src="img/arrow_up_blue.png" class="moveup2" title="Move Up">
</a>
<a class="moveDown_interaction">
<img style="cursor:pointer;" src="img/arrow_down_blue.png" class="movedown2" title="Move down">
</a>
<a class="del_interaction">
<img style="cursor:pointer;" src="img/delete.png" class="delete" title="Delete">
</a>
{{/if}}
</div>
</div>
</div>
我自己解决了这个问题,并认为我会分享答案。
$('.moveUp2').click(function(){
var diveItem = $(this).parents('div:eq(3)');
if (diveItem.prev().is('div'))
{
diveItem.insertBefore(diveItem.prev())
}
});
$('.moveDown2').click(function(){
var diveItem = $(this).parents('div:eq(3)');
if (diveItem.next().is('div'))
{
diveItem.insertAfter(diveItem.next())
}
});
相关文章:
- 下拉选择可自动更改第二个下拉选择
- 如何使用jQuery选择下拉列表的值
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- jquery点击函数select&取消选择
- 设置滑块分区上的滚动
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 按照选项卡索引的顺序循环一个jQuery选择
- 在动态创建的元素上获取对特定选择器的引用
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- AngularJS-在JSON选择器中使用变量名
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 隐藏/显示下面的分区根据是否选择某个选项进行选择
- 如何在新的分区中显示ImgAreaSelect选择的图像
- Jquery页面重新加载,然后选择分区
- 我想选择主分区
- 选择一个具有特定类和特定名称的分区
- 分区中名称前缀的Jquery选择器
- 通过点击同一分区中的按钮来动态选择一个元素
- 根据使用Jquery的分区选择分区
- 用鼠标选择表中包含数字的分区并求和值