1. 程式人生 > >點選td標籤內容jQurey獲取所在的行

點選td標籤內容jQurey獲取所在的行

當無法獲取標籤的索引,而打印出來時發現索引的值為-1時,有可能是以下原因造成的:

缺少一個父元素,比如td內裝的是一個input標籤內容,則this指的是input標籤,所以需要經過兩級追溯才能到tr標籤。

有問題的程式碼:

$(this).parent().find("td").index($(this))
修改後的程式碼:
$(this).parent()parent().find("td").index($(this))

修改對應td的內容:
$(this).parent().parent().find('td').eq(1).css('color','red')



相關推薦

td標籤內容jQurey獲取所在的

當無法獲取標籤的索引,而打印出來時發現索引的值為-1時,有可能是以下原因造成的: 缺少一個父元素,比如td內裝的是一個input標籤內容,則this指的是input標籤,所以需要經過兩級追溯才能到tr標籤。 有問題的程式碼: $(this).parent().find("t

html js jquery 對Ul下的li標籤執行事件——如何獲取標籤

問題所來:做專案時,一般的資料都是用迴圈動態加載出來的,結構都是一樣的,只是繫結的值不同,如何對相同的標籤做處理的問題就來了。例如:點誰就顯示誰的數值<ul id="test"> <li class="test">1</li> <li

java簡單部落格系統(二)導航標籤後頁面內容改變及背景色改變

一、同一個Servlet處理多個請求,顯示不同的頁面內容 導航標籤頁 bootStrap模板: <ul class="nav nav-tabs"> <li role="presentation" class="active"><a href="#">Home

s a標籤 獲取a的自定義屬性方法_javascript技巧

今天專案上遇到一個問題,需要在點選a標籤時,將完整的內容顯示出來 原先是想用jquery的click方法 <a ownattr=“……” onClick="showDetail(this)"&g

dcloud------mui 底部選項卡,獲取文字內容

<nav class="mui-bar mui-bar-tab"><a id="defaultTab" class="mui-tab-item mui-active" ><span class="mui-icon mui-icon-home"></span>&l

【js例項】js實現標題標籤切換顯示對應內容

var box = document.getElementById("tab"); //獲取滑動標籤最外層元素 var olis = box.getElementsByTagName("li"); //獲取標籤元素 var odivs = box.getElementsByTagNa

【js】js模擬a標籤,觸發href

js中的$(...).click()事件只能觸發繫結的onClick方法,不能跳轉到href。 常規情況下如果想下如果想在js裡跳轉href的連結,會先用attr獲取到href屬性的值,然後window.location.href跳轉,但是現在想利用a標籤的download屬性實現下載功能,如果

python學習之網站的編寫(HTML,CSS,JS)(八)----------label標籤label標籤的文字將編輯的游標移過來

 如果不加label的話,只設置值的話,點選文字是不能將編輯的游標移過來的,必須將id連線上之後,才可以實現,點選文字就可以將編輯的游標移過來。 實現結果: 程式碼: <!DOCTYPE html> <html lang="en"> <hea

字串拼接,字串裡面有點事件,事件裡面有動態獲取的引數

html='<select class="placeWidth fl" id="' + data.returnData[i].children[j].pfieldname + '_ss" onchange="refreshQList_sy(\' '+data.returnData[i].childre

js實現複製文字內容

<script type="text/javascript">                 function copyUrl(b){          

js切換div內容

css:設定div為絕對定位 ul { display: flex; list-style-type: none } div { width: 200px; height: 200px

為何A標籤沒反應

為何為何為何?嗯? 我裡個去 一百度獲得三種答案,悉數到來: 1.標籤使用不合法:href屬性寫錯了,標籤沒有回之類的問題。 這種就不多解釋了,很簡單,查查標準的href是什麼格式就OK。   2.其它圖層將A標籤遮擋住了,根本點不到A標籤。 這個設定個z-index:-1就可以了吧,

案例:li標籤彈出對應的索引

需求:點選li標籤,彈出對應的索引 先看效果: html結構: <ul id="ul1"> <li>我是li標籤1</li> <li>我是li標籤2</li> <li>

Vue中配合clipboard.js實現按鈕複製內容到剪下板

需求設定 點選某個按鈕,將設定的目標內容(例如下載連結地址)複製到剪下板,可以在電腦上任何地方貼上 不使用任何框架和使用Flash,以最小的程式碼實現該功能,並能相容所有主流瀏覽器 外掛選擇 clipboard.js: * `NPM方式`:`np

修復kindEditor加粗, 內容焦點跳動的問題

大概1560~1569行 pos : function() { var self = this, node = self[0], x = 0, y = 0; if (node) {   if (node.getBoundingClientRect) {   var box = node.getBound

js標題展示內容,再次標題關閉內容

<script type="text/javascript"> function show_content(ids){ var content=document.getElementById("content"+ids); content.style.

vue的類似標籤頁的效果

一,這是兩個點選事件,定義相同的名稱,點選不同的i,會展示下面不同的div <div> <i class="el-icon-tickets" style="font-size: 28px; color:#2D87F9;" @click = "showlL

應用(a標籤滾動到指定的位置)

css #main>div{ height: 400px; border:3px solid red; }html <ul> <li><a href="#aa">文章1</a></l

button標籤會導致提交form

button的type 屬性,IE的預設是 “button”,非IE預設是 “submit”。 如果想不提交需要指定type為”button”。 <form> <but

a 標籤實現post方式提交的兩種方式

在專案中遇到一個問題,就是點選a標籤,要實現以post方式提交。下面來總結一下解決方法。一、通過點選a標籤,讓form表單submit提交,從而實現post方式提交。下面看程式碼:<a href="javascript:void(0);" onclick="docume