index的妙用---判斷子元素是否是在父元素的偶數個孩子(奇數個)
今天遇到一個這樣的情況: 要求是當滑鼠離開每行的第二個輸入框時,呼叫addOne函式,獲取本行第二個資料,對下行第一個資料加1
當滑鼠離開每行的第一個輸入框時,呼叫addOne函式,獲取上行第二個資料,對本行第一個資料加1
大概就是根據$(this)是否是第二個輸入框來呼叫不同的函式。
可以從反方向想,如果在偶數個輸入框索引不到$(this),返回值是-1
程式碼如下:
if($("#charge td:first-of-type input:odd").index($(this)) == -1){ addOne(indextr -1 );
}else { addOne(indextr); }
相關推薦
index的妙用---判斷子元素是否是在父元素的偶數個孩子(奇數個)
今天遇到一個這樣的情況: 要求是當滑鼠離開每行的第二個輸入框時,呼叫addOne函式,獲取本行第二個資料,對下行第一個資料加1 當滑鼠離開每行的第一個輸入框時,呼叫addOne函式,獲取上行第二個資料,對本行第一個資料加1 大概就是根據$(this)是否是第二個輸入框來
js在父元素上添加點擊事件,怎麽阻止子元素繼承父元素的點擊事件?
!= fun 元素 spa clas urn else target click div.onclick = function(ev){ if(ev.target!=this) return; else { ... } }js在父元素
讓子元素在父元素中水平居中align-items
lex 交叉點 理解 item ima mar enter spl eas 做案例中,我們會發現讓子元素在父元素中垂直居中,要設置margin和padding等,各種設置才能垂直居中 現在可以使用CSS3中的align-items實現 align-items 定義子元素在
子元素scroll父元素容器不跟隨滾動JS實現
方法 事件 tip 滾動頁面 學習 ima 使用方法 阻止 補充 小tip: 子元素scroll父元素容器不跟隨滾動JS實現 本文地址(轉載):http://www.zhangxinxu.com/wordpress/?p=5092 一、開場暖身 網上常見蹲來蹲去的
Vue.js如何獲得兄弟元素,子元素,父元素(DOM操作)
<button @click = “clickfun($event)”>點選</button> methods: { clickfun(e) { // e.target 是你當前點選的元素 // e.currentTarget 是你繫結事件的元素 } }, #獲得點選元素的
子元素等分父元素,平分
方式一: 父級元素定義display:flex,子元素寬度用flex來定義,flex:1 是均分父級元素。佔的比例相同(蘋果6部分低版本瀏覽器不支援, 儘量不要用) .user-set{ &nb
純CSS讓子元素突破父元素的寬度限制
純CSS讓子元素突破父元素的寬度限制 在寫樣式中,我們可以經常看到這樣的情況 程式碼如下 <div style="width: 300px;border: 4px solid #000;margin: 20px;padding: 2px;"> 父元素
浮動之後子元素在父元素哪個位置
浮動定為是CSS中重要的排版手段, 比如首字的放大和圖文混排,float浮動可以設定left right 和none,當設定左或右浮動時元素會向父元素的左側或右側靠近,這個距離是怎麼回事呢? 我們來看下 沒浮動之前float1的寬度充滿整個父塊,空隙是僅僅就是父塊的內邊距 加上它自己的外邊距 浮動之
CSS子元素選擇父元素
通常一個CSS選擇器都是從上往下選擇的,通過父元素選擇子元素,那麼能不能通過子元素選擇父元素呢? <ul> <li> <a href="#" class="active">1</a> </li>
設定絕對定位對於子元素繼承父元素的高度的影響
筆者在寫網頁時,發現一個問題,當一個父元素沒有設定高度,而全靠子元素1撐起高度時,此時子元素2就無法繼承父元素的100%高度,程式碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset
artDialog實現子視窗向父元素傳遞資料
案例:在頁面A點選按鈕,彈出artDialog視窗B,當關閉視窗B時,實現向父元素A傳遞資料。 一、方法一: 1、利用artdialog中的data方法進行傳值與接收值。 在子視窗呼叫:artDialog
Vue.js 獲得兄弟元素,子元素,父元素(DOM操作)
pre lin col bsp 操作 attr current 綁定 tar e.target 是你當前點擊的元素 e.currentTarget 是你綁定事件的元素 e.currentTarget.previousEle
CSS子元素跟父元素的高度一致
絕對定位方法: (1)將父元素設定為相對定位,不寫父元素的高度時,會隨著左邊的子元素高度變化而變化 .parent { /*關鍵程式碼*/ position: relative; /*其他樣式*/ width: 800px;
今日總結vue 子元素觸發父元素事件 transition過度事件 axios安裝
<forgetMessage v-if="control.logoState == 2" @my-event="regression" ></forgetMessage> //父元素 methods 方法裡 regression (msg){ // 此事件用來觸發返回的
阻止子元素繼承父元素事件
DOM事件標準定義了兩種事件流,分別是捕獲和冒泡。預設情況下,事件使用冒泡事件流,不使用捕獲事件流。然而,在Firefox和Safari裡,你可以顯式的指定使用捕獲事件流,方法是在註冊事件時傳入useCapture引數,將這個引數設為true。冒泡事件流 當事件在某一D
用jQuery訪問指定元素的父元素
Target the Parent of an Element Using jQuery每個HTML元素根據繼承屬性都有父parent元素。舉個例子,h3 元素的父元素是 <div class="container-fluid">,<div class="c
父元素為一個div,寬度高度不固定,子元素是一個塊狀元素,寬高已知,如何實現子元素在父元素內水平、垂直居中?
父元素為一個div,子元素是一個塊狀元素,寬高已知,如何實現子元素在父元素內水平、垂直居中? 1、 //利用相對定位,讓子元素垂直居中 <!DOCTYPE html> <html> <head> <title><
CSS 子元素在父元素中垂直居中
父元素設定為相對佈局,子元素設定為絕對佈局,並且設定上下左右邊距都為0,設定子元素的寬度為500px,這樣就是子元素佔據了整個容器,此時margin設定為auto才起作用,具體程式碼如下: <!DOCTYPE html> <html lang
解決子元素浮動父元素高度為0
我們在CSS中使用float的時候常常會發現父元素的高度為0,如下 <!DOCTYPE html> <html lang="en"> <head> &l
塊級子元素在父元素中實現水平垂直居中
原始碼: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> &l