更新no。使用JQuery

從div元素的列表的類別我有類別作爲過濾器的列表等如下所示：更新no。使用JQuery

<div class='filterbox'> 
    <input type="checkbox" name="category[]" value="English"> English(<span id='English'>0</span>) 
    <input type="checkbox" name="category[]" value="Math"> Math(<span id='Math'>0</span>) 
    <input type="checkbox" name="category[]" value="Chemistry"> Chemistry(<span id='Chemistry'>0</span>) 
    <input type="checkbox" name="category[]" value="Geography"> Geography (<span id='Geography'>0</span>) 
</div>

我有陳列箱等

<div class="boxcategory"> 
    <div id='box1'><div class='categoryClass hidden'>English</div></div> 
    <div id='box2'><div class='categoryClass hidden'>English</div></div> 
    <div id='box3'><div class='categoryClass hidden'>Math</div></div> 
    <div id='box4'><div class='categoryClass hidden'>English</div></div> 
    <div id='box5'><div class='categoryClass hidden'>Chemistry</div></div> 
    <div id='box6'><div class='categoryClass hidden'>English</div></div> 
    <div id='box7'><div class='categoryClass hidden'>Math</div></div> 
    <div id='box8'><div class='categoryClass hidden'>Chemistry</div></div> 
    <div id='box9'><div class='categoryClass hidden'>Geography</div></div> 
</div>

使用jQuery，我想更新boxcategory類中顯示的類別中的濾鏡框中的總no數量。請指導。

來源

2016-11-26 Indication

你應該表現出你試圖找到發佈此問題之前解決，否則感覺就像我剛剛來編寫代碼爲您服務。 –

請不要寫我的代碼... jQuery的，更新的類別的數量只有幾行。 – Indication

計數了多少.categoryClass元素有與被檢者作爲其文本內容的問題

function count (text) { 
    return $('.categoryClass').filter((i, el) => el.innerHTML === text).length; 
} 

for (let subject of ['English', 'Math', 'Chemistry', 'Geography']) { 
    $(`#${subject}`).text(count(subject)); 
}

見：https://jsfiddle.net/9my7f4qo/

記：你不需要爲這個jQuery。香草JS：https://jsfiddle.net/9my7f4qo/1/

來源

2016-11-26 04:27:18

現實儘管你不_need_ jQuery的任何東西。 jQuery只是爲了讓它更容易完成。 – Jhecht

這就是我給非jQuery的例子的原因：在這種情況下，香草版本是在某些方面「更容易」，儘管這只是我的意見 –

更新no。使用JQuery

回答

相關問題