【javascript – 当内部元素滚动位置到达顶部/底部时,阻止滚动父元素?】教程文章相关的互联网学习教程文章

javascript – 如果条件为true,则将类添加到父元素【代码】

我试图将一个类应用于子元素的父元素,如果条件为真但似乎无法使它工作.简而言之,我想检查一个表格中是否有一个数字为“0”的单元格并隐藏其父行. 我已经创建了一个基本的jsfiddle我所做的:http://jsfiddle.net/immbudden/YbZPE/3/ 还有我放在一起的jquery片段:if ($('#the_table>table>td:contains("0")').length === 1) {$(this).parent("tr").addClass("hidden"); }我还在学习jQuery和javascript,这可能是小事,但我似乎无法把手...

javascript – 选择父元素(不使用Jquery)【代码】

我只需要访问父div,我有一个按钮改变他的兄弟姐妹div.代码示例可以更好地解释:<div class="parent"> <!-- This is structure repeats N times --><div class="divToToggleVisiblity divA">trololo A</div><div class="divToToggleVisiblity divB">trololo B</div><button onClick="toggleThem(this)">This button will toggle above divs</button> </div>function toggleThem(a){ // something like this, BUT without Jquery$(...

javascript – 如何使HTML父元素的边界框适合CSS转换的子节点?【代码】

是否有一种方法,最好不使用JS,使容器在下面的代码片段中包装缩放的,更通用的,转换后的子元素,即纯红色外边框完全包含虚线蓝色边框? 顺便说一下,这似乎是一个浏览器错误,因为它违反了默认的盒子模型行为,父母的大小会自动调整为适合孩子.#container {border: 1px solid red; }#scaled {border: 1px dashed blue;transform: scale(3, 3);transform-origin: 0 0; } <div id="container">container<div id="scaled">scaled 3x</div> <...

javascript – 当子项为空时隐藏DOM中的父元素【代码】

<div><h1>Birds</h1><ul><li ng-if="bird.type === 'bird'"ng-repeat="bird in creatures">{{bird.name}}</li></ul> </div>我收到服务器的回复,我想把它放到列表中.但是当列表为空时我需要隐藏这个div容器.例如,如果bird.type ===’bird’不在数组中 – 我想隐藏div.但我想在ng-repeat之后使用鸟,所以我不能在div上制作ng-if =“bird.type ===’bird’”.我可以检查li是否为空,然后隐藏div? plunkr example AngularJS ng-repeat h...

javascript – 如果选中或取消选中,则更改复选框的父元素css【代码】

基本上我在td元素中有一个复选框,我希望它在复选框被选中时有一个背景颜色,而在取消选中复选框时则需要另一个背景颜色.换句话说,我希望它突出显示它是否被检查. 我尝试使用与此处相同的解决方案:Jquery toggle event is messing with checkbox value 但由于某种原因,我无法让它发挥作用.$(document).ready(function(){$("input:checkbox").change(function() {if($(this).attr("checked") === "true") {// CHECKED, TO WHITE$(thi...

javascript – AngularJS:删除父元素【代码】

根据$scope.items列表,我有重复的项目.在每个李我有一个复选框.我想要做的是捕获此复选框的更改事件并在那里完成我的工作.在$scope.change函数中执行. 完成工作后,我想删除已选中复选框的行. 我的代码到目前为止:<!doctype html> <html> <head><script src="http://code.angularjs.org/1.2.3/angular.min.js"></script><script>var app = angular.module('myapp', []);app.controller('mainController', function($scope) {$scope...

javascript – 如何获取iframe的父元素(不仅仅是窗口)?【代码】

与this question类似,但我的设置略有不同. 我写过这个函数:function ShowDialog(url, width, height, id, options) {var self = arguments.callee;if(!self.dialogs) self.dialogs = {};var src = url + (url.indexOf('?') === -1 ? '?' : '&') + '_popup=1';if(id) src += '&_field=' + encodeURIComponent(id);if(url in self.dialogs === false) {var defaults = {width: width,height: height,modal: true,resizable: false,d...

javascript – 将HTML5视频与父元素大小相匹配

我有一个< video> < div>内的元素当动态调整大小/添加/删除页面上的其他元素时,会自动调整大小. 我希望视频元素也能自动调整大小,以便它始终保持在其背景div中;如果我设置视频元素的CSS高度&宽度为100%,因此它的容量始终与容器相同.但是,如果包含div的尺寸低于视频图像固有的videoWidth或videoHeight,那么它开始表现得好像CSS高度/宽度属性指的是视频图像固有尺寸的百分比,而不是容器div!例如,如果CSS高度为100%,则它会正常缩放...

javascript – 如何获取元素的父元素?【代码】

我正在尝试在PHP中创建一个类似JavaScript的alert()命令的函数,但是当我在一个警报上单击“确定”按钮时,所有警报都会消失! 这是我的代码:<!DOCTYPE html> <?phpfunction alert($title, $text) {$html = '<div id="alert" style="background-color:lightGray; text-align:center; height:500px; width:500px; color:black; position:fixed; top: 50%; left:50%; margin-left:-250px; margin-top:-250px;">';$html = $html . '<h1...

javascript – 使用jQuery更改父元素样式【代码】

我有下一个HTML设置:<div class="one"><div class="two"><a href="#" class="three">Click</a></div> </div>当我点击带有jQuery的元素.three时,我想用类.one更改元素的背景颜色. 这是我试图使用的:$(function(){$('.three')(function(){$(this).parent().parent().css('backgroundColor', 'red');}) });这是一个小提琴的例子:https://jsfiddle.net/Munja/a7unbs2p/ 我在这里搜索解决方案但是没能找到足够快的速度(可能我看起来不...

javascript – $.slideUp()不处理CSS“display:none”父元素中的元素

我有一个我正在设计的网站,它有一些嵌套的DIV元素,我用它作为容器来容纳可扩展的按钮. 用户单击按钮并展开以显示更多内容. 一切都很好,直到我有一个DIV在父DIV中,其显示属性设置为“无”. 是否有任何方法可以强制jQuery .slideUp()方法最小化可扩展按钮,无论它是否在显示器中:无父对象? 或者,我需要设置什么属性/属性才能使$.slideDown()在显示中设置的元素上正常工作:无父DIV?解决方法:不要将slideUp()应用于可扩展按钮,而是尝...

javascript – 如何禁用父元素的onclick元素【代码】

我有一张像tr一样的桌子<tr onclick="doprocess1()"><td>Some data</td><td>Some data</td><td><button onclick="doprocess2()"</td> <!--I want to disable the clickevent of the <tr> here --> </tr>怎么做到这一点?专家PLZ帮忙解决方法:你需要停止event bubbling. 注意 制作unobtrusive<tr id="tr1"><td>Some data</td><td>Some data</td><td><button id="bt1">Click</button></td> <!--I want to disable the clickevent o...

元素 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部