1. 程式人生 > >jquery獲取當前點選項獲取div中的內容------index-------屬性值

jquery獲取當前點選項獲取div中的內容------index-------屬性值

1.獲取ID屬性值:event.currentTarget.id

2.獲取自定義data-屬性值:event.currentTarget.dataset.name----- (data-name)

3.獲取div裡的內容2種方法:  html()         text()

4.獲取當前操作下標2種方法:$(this).index()        $('.div1').index(this)

5.獲取自定義屬性包括已有屬性的屬性值:.attr("屬性名")

例子如下:

html程式碼:

<body>
	<div class="div1" id='1'  data-index='0'  haha='333333'>張三</div>
	<div class="div1" id='2'  data-index='1'  haha='444444'>李四</div>
	<div class="div1" id='3'  data-index='2'  haha='444444'>王五</div>
</body>

js程式碼:

$('.div1').click(function(event) {
			var event=event||e;
			console.log(event.currentTarget.id);  //獲取id屬性值
			console.log(event.currentTarget.dataset.name);  //獲取自定義data-屬性值

			//獲取div裡的值  2種方法
			console.log($(this).html());
			console.log($(this).text());   
			//獲取自定義屬性的屬性值 
			console.log($(this).attr("haha"));  

			//獲取當前操作下標
			console.log($(this).index());
			console.log($('.div1').index(this)); 
		});

相關推薦

jquery獲取前點選項獲取div內容------index-------屬性

1.獲取ID屬性值:event.currentTarget.id2.獲取自定義data-屬性值:event.currentTarget.dataset.name----- (data-name)3.獲取div裡的內容2種方法:  html()         text()4.

jquery前點選事件函式刪除當前元素

  上學期剛開始學JavaScript時就遇到問題,比如為當前元素添加了onclick函式,但在函式觸發中要刪除當前元素,直接刪除,不用問,直接報錯。那時候最後怎麼解決我忘了,好像是網上搜的,當時沒在意。今天又遇到了,可能是因為不再是當初那個初學者的原因,今天很快想出了個辦

jQuery獲取表單和的div

div,span等元素的取值和賦值 在jQuery中,操作元素內容的方法包括html()和text(),通常用於獲取和設定div,span中的屬性 html()與JavaScript中的innerHTML屬性類似,即獲取或設定元素的HTML內容;text()

自定義元素屬性,以及用jquery獲取前點選的元素的這個自定義屬性

部分html: <button dataid="1" class="btn btn-primary btn-xs hanblog_edit">修改</button>juqery

JS-jquery 獲取前點選的物件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-U

jquery獲取前點選li的元素的節點下標

$("#detailChange").on("click","li",function(){ // 切換li列表樣式 $(this).addClass("active"); $(this).siblings().removeClass("active");

ios開發之-- tableview/collectionview獲取前點擊的cell

self cell index sel collect sele new select 定義 方法如下: 一般collectionView 或者 tableview都有自帶的點擊函數,如下: 1, collectionView -(void)collectionVi

js怎麼通過class獲取div的attr的

    求助:怎麼根據class類名,獲取樣式中display中的值啊?萬分感謝!!   補充解答: $(".window-shadow").css("display");(使用類選擇器) 該例項中涉及到子視窗和父視窗的知識 倘若設計了

vue獲取前點選物件的下標,和前點選物件的內容

<li v-for="(item,index) in tabList" v-on:click="addClass(index,$event)" >{{item.title}}</li> data裡面宣告: data() { return { ta

easyui獲取前點選物件tabs的title

                現在如果要關閉一個tab,只能點選該tab上面的x號。現增加雙擊tab使其關閉。可使用jquery的bind函式繫結dblclick雙擊事件tabs的關閉方法為close 要傳一個title引數表示哪個選項卡將被關閉。所以首先就要獲取被點選物件的title。查詢AIP getS

vue獲取前點選事件

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8">

點選tableview後要獲取前點選的cell

1.點選cell獲取當前的cellNSIndexPath *indexPath = [self.tableView indexPathForSelectedRow]; UITableViewCell *

vue.js之獲取前點選物件

熟悉jquery的小夥伴應該都知道jquery獲取當前點選物件是有多麼的粗暴,直接$(dom)獲取當前點選的dom元素,根據這個,幾乎可以獲取這個dom元素的所有屬性。不過,當我們使用vue的時候呢? 也許剛開始會有一點迷茫。唉?對啊,我用vue該怎麼做到

利用 Siblings一步實現多個同級div,只改變前點擊的div樣式

ima 可選參數 cto 一個 五個 點擊 rem wid bin 記錄一點,小技巧。直接上代碼嘍,因為今天還沒有功夫扯皮呢。 <!DOCTYPE html> <html> <head&g

定義一個數組,陣列初始長度由控制檯獲取 。隨後手動給陣列每個元素賦,陣列滿後將陣列長度擴充二倍並輸出,清空陣列所有元素且繼承陣列長度,並重新進行手動新增元素,無限死迴圈直至輸出-0後結束程式。

package com.tedu; import java.util.Arrays; import java.util.Scanner; /** * 需求: * 定義一個初始陣列,陣列初始長度由控制檯獲取 * 隨後手動給陣列中每個元素賦值,陣列滿後將陣列長度擴充二倍輸

關於獲取彈出的子視窗datagrid選中的

對於常見的一個普通視窗,可以用以下的方式進行彈出視窗和獲取選中的datagrid中的row function chooseXxx() { var dia = top.sy.iframeDialog({ id:'u_frame',

jQuery判斷前點選位置是否非指定元素區域

“` $(document).click(function(e){ var spanDatebox = $('#date').next('.datebox');

js程式碼,div內容高度超出div高度的時候實現定製滾動條!

var isMouseDown = false; //滑鼠狀態值,當滑鼠處於按下狀態時,滑鼠的移動效果才會有效 var scrollY = 0; //初始狀態時有滾動效果的div的scrollTop值 var scrollObjInfo = new Array()

css實現多個div在同一行並且div內容可斷行

實現效果: <!DOCTYPE html> <html> <head> <style>      .all{         display:-

js獲取元素內容屬性

如何取 data-xx 屬性值,如果有e引數的話可以用$(e.currentTarget).data('xx');沒有則需要自己新增定位的元素,$('定位元素').data('xx') 用於定位元素的方式有用class定位(語法:$(".class的值")),用id(語法$