javascript - 当我删除列时获取 id

标签 javascript jquery

我有 2 列多行。两列都有 4 行,并且可以排序和拖动。所以我想获取第一列哪一行与第二列哪一行匹配的id。 A 列为左轴,B 列为右轴。我可以将 A 列的任何行与 B 列的任何行匹配。我想获取这两个 id。

<ul>
    <li id="columns1" class="ui-state-highlight">A</li>
</ul>
<ul id="A">
    <li class="ui-state-default" id="1">fruits</li>
    <li class="ui-state-default" id="2">flowers</li>
    <li class="ui-state-default" id="3">animals</li>
    <li class="ui-state-default" id="4">birds</li>
</ul>

<ul>
    <li id="columns2" class="ui-state-highlight">B</li>
</ul>    
<ul id="B">
    <li class="ui-state-default" id="5">flowers</li>
    <li class="ui-state-default" id="6">fruits</li>
    <li class="ui-state-default" id="7">birds</li>
    <li class="ui-state-default" id="8">animals</li>
</ul>

此代码用于第一列拖放

$( "#A" ).sortable({
    revert: true
}); 

例如,如果我将 A 列水果与 B 列鸟类拖放,我怎样才能获得这两个 id?

最佳答案

不要依赖界面来执行逻辑。 像这样使用两个数组

var a = [1, 2, 3, 4];
var b = [5, 6, 7, 8];

如果你想获取其他列的值,只需执行以下操作

var i = a.indexOf(3);
var value = b[i]; // value = 7

关于javascript - 当我删除列时获取 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29511402/

相关文章:

javascript - 如何将 Quasar UI 集成到 Astro SSG 中

javascript - Jquery 水平 Accordion Webkit 错误

javascript - React如何在生命周期方法中处理对象严格相等

javascript - 在 html 中引用 jquery 全局变量?

javascript - 如何附加到jquery中的变量?

javascript - 为什么以下函数没有选择该指令内的所有复选框?

javascript - 对 wcf 的 Ajax 调用返回未定义

javascript - jQuery 数据表单元格不更新

jQuery DataTables 隐藏列而不将其从 DOM 中删除

jquery - Opera 和 FireFox 无法读取 CSS3 旋转值