如何將css類應用於具有特定屬性值的iframe的單擊元素？

Question

獲取iframe的內容被點擊後，它被過濾以獲得具有自定義屬性data-type = filled的第一個元素。但是我不能在這個特定的元素上應用一個類。

這裏是我的代碼：

var clicked_content = event.target.outerHTML, // gives the content being clicked 

content = $(clicked_content).find("*[data-type='filled']:first").andSelf().html(); // this gives me the required content 

// this was supposed to add a class to particular element 
content.parent.addClass("highlight"); 

我也沒試過這樣來做：

$(event.target).children().find("*[data-type='filled']:first").andSelf().addClass('highlight'); 

Answer 1

outerHTML和html()返回字符串。一個字符串沒有父項。

也許你想

$(event.target).find("*[data-type='filled']:first").andSelf() 
    .parent().addClass("highlight"); 

注意andSelf已被棄用，與addBack取代。

如果你嘗試在應用類「定製的第一個元素屬性數據類型=裝」，那麼你應該做

$(event.target).find('[data-type=filled]').eq(0).addClass("highlight"); 

編輯：只要你想也符合被點擊元素，如果它有適當的數據類型，那麼我建議

$(event.target).find('*').addBack().filter('[data-type=filled]').eq(0) 
    .addClass("highlight");