Tag: 父子

切换单个元素类，尽管它有多个实例

简单的事情，我只是无法让它工作： 我有几个段落共享相同的类，我只是想改变其中一个类，因为他们的父div被hover。 some content /div> some content /div> 当我hover第一个“trigger-div”时，我希望它的p改变而不影响后面的元素 some content /div> some content /div> 我有以下代码不起作用：// $(‘.trigger’).hover(function() { $(this).next(“.oldstyle”).toggleClass(“newstyle”); }); 我很无奈！ 万分感谢。

如何检查收音机也选择组中的其他字段？

我有一个很长的forms与字段组。 当选择一个无线电场时，我还需要它在同一个div中选择几个“隐藏”字段并在提交时传递这些值。 如果选择了另一个无线电，则需要清除这些隐藏的字段，而选择其他组。 示例1 – 选择Radio 1，选择相同div / fieldset中的所有隐藏字段： A组： 收音机1（已选中） 隐藏场1a（已选中） 隐藏字段1b（已选中） 隐藏场1c（已选中） B组： 电台2 隐藏场2a 隐藏的场2b 隐藏的场2c 示例2 – 选择无线电2，其选择相同div / fieldset中的所有隐藏字段，取消选择所有无线电1字段： A组： 电台1 隐藏的领域1a 隐藏的领域1b 隐藏的领域1c B组： 收音机2（已选中） 隐藏场2a（已选中） 隐藏字段2b（已选中） 隐藏场2c（已选中） 视觉示例： 示例HTML： Item 1 Item 1, Options Set A Label Item 1, Options Set B Label Item 2 Item 2, Options […]

用父对象切换父元素

我有这个结构 Integer ac porta felis. …read more onsectetur adipiscing elit. Sed condimentum dictum vestibulum. Praesent odio dolor, dapibus et consectetur quis, pulvinar eu orci. Integer ac porta felis. …read less Integer ac porta felis. …leer más onsectetur adipiscing elit. Sed condimentum dictum vestibulum. Praesent odio dolor, dapibus et consectetur quis, pulvinar eu orci. Integer ac […]

jQuery ui排序列表中的可排序项和子项

如果将任何子元素拖动到任何父元素之外，则会存储其位置。 这是一个很大的问题。 元素必须返回上一个父级。 子元素必须能够在父元素和父元素内移动。 父元素必须能够在它们之间移动。 问题： 如何禁用国外父母拖动子元素？ 如何让父母拖动吧？ 现在，如果第一个父级的示例向下拖动到PARENT＃2或PARENT＃3的位置，它将不会移动 码： $(document).ready(function(){ var sortable_element = $(‘.sortable’); sortable_element.sortable( { items: “.group-caption, .group-caption .group-item”, handle: “.move”, cursor: “move”, opacity: 0.7, containment: “.sortable”, placeholder: “movable-placeholder”, revert: 300, delay: 150, start: function(e, ui ) { ui.placeholder.height(ui.helper.outerHeight()); } }); }) .sortable { } .group-caption { background: #D3CAAF; width: 400px; display: block; […]

如何阻止孩子传播由live / delegate listener触发的事件？

我有一个委托父母，在一组具有特定类的子项中侦听单击事件。 $(“.toggle_group”).on(“click”,”.toggle”,function(e){ .. }); 所以这是一个html的例子 click me and i toggle Im a child of toggle click me and i toggle Im a child of toggle click me and i toggle Im a child of toggle click me and i toggle Im a child of toggle 问题是a.toggle子a.toggle将事件传播给父节点，当它不应该触发处理程序时。 根据jQuery文档，您无法阻止活动/委派事件侦听器上的事件传播。 如何阻止a.toggle的子子元素将事件传播给父级？ 或者在某些情况下允许它？ 你看到.toggle的内部div应该是一个下拉菜单。 只有当您单击切换链接时，才能在单击菜单时切换…

jQuery – 单击父元素（而不是父母子元素）时淡出？

我的页面上有以下代码，我想要做的是当用户在#loginBox外部点击时，我想让整个#loginOverlay淡出。 但是如果没有点击#loginBox触发的淡出，我就无法实现这种效果…… 它位于页面底部，我在页面上有一个触发淡入淡出的链接。 但是淡出现在有点挣扎了。 我试过这样做： $(“#loginOverlay”).click(function() { …fadeout… }); 但它给了我相同的结果。 那有什么建议吗？ 提前致谢！ Login $(document).ready(function() { $(‘#loginOverlay’).css(‘display’, ‘none’); $(‘#loginToggle’).click(function() { $(“#loginOverlay”).fadeIn(200); }); $(“#loginBox”).parent().click(function(){ $(“#loginOverlay”).fadeOut(100); }); });

添加值以更正表的父节

我弹出一个对话框，其中包含下拉选项，输入框和保存按钮。 此保存按钮使用用户下拉/输入值更新父表，但位于表的末尾。 我需要将这些值放在表格中选定的父亲部分之下。 我父亲的下载有独立ID，我只是不确定如何实现它。 我试图剥离我的代码在jsfiddle中工作，但演示不会向表中添加值。 这是弹出对话框的代码： $(“#save”).click(function () { for(var j=0;j<document.getElementsByName("select1").length;j++) { updateParent1(document.getElementsByName("select1").item(j).value + ' ' + document.getElementsByName("text1").item(j).value + '  – ' + document.getElementsByName("select2").item(j).value, document.getElementsByName("chooseFather").item(j).value); } }); Select… Value 1 (option1) Value 1 (option2) Select… Choose to add this information under father3 row. Choose to add this information under father4 row. Select… Value 2 (option1) Value […]

如果未选中一个子项，请取消选中父复选框

我正在开发一个需要多个复选框值的应用程序。 我有嵌套列表包含复选框。 目前的function是这样的： 选中父级时，将在其下检查所有子级。 选中子项时，不选择父项。 我需要添加此function： 如果在选中父项后取消选中子项，则父项将取消选中，但会保留子项。 $(‘input[name=”level-1″],input[name=”level-2″]’).bind(‘click’, function () { $(‘input[type=checkbox]’, $(this).parent(‘li’)).attr(‘checked’, ($(this).is(‘:checked’))); }); 我的代码在这里找到： http ： //jsfiddle.net/dbcottam/Py4UN/

使用JQuery隐藏Select的选项

好的，让我们从一个例子开始吧。 请记住，这只是一个例子。 Number 1 Number 2 Number 3 现在，从这里开始，我们有3个选项的下拉列表。 我现在要做的是隐藏一个选项。 添加style = “display:none”无济于事。 该选项不会出现在下拉列表中，但使用箭头键，您仍然可以选择它。 从本质上讲，它完全符合代码所说的。 它没有显示，它停在那里。 $(“#1”).hide() JQuery $(“#1”).hide()的JQuery函数不起作用。 另外，我不仅要隐藏选项，还要完全删除它。 这样做有可能吗？ 我必须使用父/兄弟/子元素吗？ 如果是这样，我仍然不确定如何。 任何有关这方面的帮助将不胜感激。 谢谢。 另一个问题 – 它是相关的 好的，所以我发现JQuery中有一个.remove() 。 效果很好。 但是，如果我想把它带回来怎么办？ 如果（条件） { $（这）一个.remove（）; } 我可以循环这个。 不应该复杂。 但我想要做的是这样的： 最大容量:(此处输入字段） 选择房间:(在这里下拉） 我想要它做的是使用.change()或.keyup等函数更新Dropdown。 我只能在输入内容后创建下拉列表。 在更改或键盘上，相应地执行下拉列表。 但我正在做的是这样的： $ roomarray = mysql_query（“SELECT * 从 （ 选择 *， 案件 […]