Javascript 我想选择主div
我的向上和向下箭头位于一个div中,该div是向下的两个div,也是一个图像。单击箭头时,我需要使用类名句柄移动div。如果我将句柄放在选择器中,代码工作正常,但我不想单击句柄,我希望能够单击图像,但我似乎无法使选择器达到足够高的位置Javascript 我想选择主div,javascript,jquery,Javascript,Jquery,我的向上和向下箭头位于一个div中,该div是向下的两个div,也是一个图像。单击箭头时,我需要使用类名句柄移动div。如果我将句柄放在选择器中,代码工作正常,但我不想单击句柄,我希望能够单击图像,但我似乎无法使选择器达到足够高的位置 <script> $(document).ready(function(){ $('.moveUp2').click(function(){ var diveItem = $(this).parent(); if
<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())
}
});
您的代码无法工作,因为所使用的类名不匹配。元素使用了类moveup2和movedown2,点击事件是针对类moveup2和movedown2的。这似乎也不是答案。你需要做一些更正;然而,你到底想做什么?你想选择什么元素,你想发生什么?是否要选择.handle div?那你要插什么?您正在更改图标的顺序吗?我确实想选择handle div。当我按下箭头图像时,handle div将与其他div一起排序。如果我使用.handle作为选择器,并单击div中的任意位置,则此操作有效,但我希望它仅在按下箭头图像时进行排序。