問題描述

for(var i = 0; i < checkeds.length; i++){ var check = ’user’+checkeds[i]+’--mycheckbox’; $('#'+check).parent(’td’).siblings(’.text-status’).removeClass(’text-green’); console.log($('#'+check).parent(’td’));}

這段代碼中 checkeds 是一個(gè)id的數(shù)組，第三行是查找這個(gè)id元素的父級的同級元素中帶有.text-status樣式的元素并去掉text-green這個(gè)樣式。可是無法生效，下面是控制臺報(bào)出的查找的父級元素td的內(nèi)容；

[prevObject: n.fn.init, context: document]context:documentlength:0prevObject:n.fn.init__proto__:Object(0)

這個(gè)是HTML的層級關(guān)系

<tr><td> <input name='user-contorl' data-color='yellow' type='checkbox' data-text=''></td><td>0001</td><td><img src='http://www.gepszalag.com/wenda/images/user.png' alt=''></td><td>耿直BOY</td><td>男</td><td>1990-02-01</td><td class='table-text'>曾經(jīng)獲得迪尼斯全球最能吃獎(jiǎng)曾經(jīng)獲得迪尼斯全球最能吃獎(jiǎng)</td><td>北京</td><td>2399</td><td>123</td><td>github</td><td>******</td><td>18511009922</td><td>1991-02-01</td><td class='text-blue'>23</td><td class='text-blue'>23</td><td class='text-blue'>23</td><td class='text-green'>正常</td><td><a href='http://www.gepszalag.com/wenda/4717.html' class='user-edit'><i class='fa fa-edit'></i></a></td> </tr>

問題解答

單開一個(gè)最簡單的demo試一下就知道了、是可以拼接的、

只能說你的頁面上代碼哪里出了問題

看html中id為user1-mycheckbox

看你的拼接卻是’user’+checkeds[i]+’--mycheckbox’;

一個(gè)是短橫線、一個(gè)是雙短橫線、還是代碼貼錯(cuò)了？

題主可以判斷一下是否選擇器是正常的

var check = ’user’+checkeds[i]+’--mycheckbox’;

// check = user1--mycheckbox

<input .....回答3：

如果實(shí)例是你發(fā)的html的話，1.頁面中并沒有td.text-status2.check拼接的時(shí)候多了一個(gè)短橫線 //html中 var check = ’user’+checkeds[i]+’--mycheckbox’; // check= user1--mycheckbox回答4：

可以使用 不能使用的話那也只能是你頁面上不存在這個(gè)ID

題主可以把測試代碼發(fā)一下嗎，這種情況一般就是你層級沒找對

check 輸出看下是不是你想要的結(jié)果，如果是，再檢查這個(gè)id在頁面上是不是存在的，帶有這個(gè)id的元素一開始也是要存在頁面上的，不能是未來元素！未來元素要用事件委托。