無效的類名選擇jQuery

有一個系統由我的同事寫的。我對jQuery的工作感到困惑。無效的類名選擇jQuery

HTML：

<div id="test"> 
    <div class="1_01_001"> 
    content 
    </div> 
</div>

的Javascript：

window.onload = function() { 
    console.log($('#test.1_01_001').text()); // get empty string 
    console.log($('#test .1_01_001').text()); // get textContent of that element 
}

來源

2016-01-13 kid

的#test.1_01_001選擇正在尋找的元素以「test」，誰也有一類「1_01_001」

的ID #test .1_01_001選擇器正在查找具有「1_01_001」類別的元素，該元素也是ID爲「test」的元素的後代

來源

2016-01-13 01:23:55

這是正確的答案。問題是關於CSS選擇器的格式。如果沒有id和類之間的空格，它試圖在同一個元素上找到一個同時具有'test'的id和'1_01_001'類的元素。 @kid，你在第一個div上有'test' id，在它裏面有div上的'1_01_001'類。所以，他們不在同一個元素上。我在CodePen上創建了一個[demo]（http://codepen.io/Ghodmode/pen/JGyYNP），這讓我們更容易看清楚。 – Vince

第二個選擇是工作，因爲正確使用jQuery的後代選擇器，你必須使用空格。在這裏閱讀更多http://api.jquery.com/descendant-selector/

來源

2016-01-13 01:24:40 diugalde

無效的類名選擇jQuery

回答

相關問題