2016-09-06 49 views
-5

當數據檢查中顯示「否」的值時,我需要獲取div。通過數據檢查獲取div

我該如何在JavaScript中做到這一點?

<div class="checkbox quote-form-element" data-checked="yes" data-name="Política de Privacidade"> 
+0

你有沒有嘗試任何使用div jQuery選擇?你讀過jQuery的文檔嗎? –

回答

3

嘗試使用屬性選擇器(文件:jQueryMDN):

$('div[data-checked="no"]') 

或者:

document.querySelector('div[data-checked="no"]') // get just one element 
document.querySelectorAll('div[data-checked="no"]') // get a collection of elements 

Working demo

+0

我認爲他們需要'querySelectorAll'來代替'$('div'data-checked =「no」]')',否則他們會得到一個元素,而不是集合 –

+0

@RobM。你是對的,但似乎op只處理一個元素,但無論如何,它是一個好主意。 – DontVoteMeDown

+0

第一種方法是將「是」和「否」的值標識爲「否」。 –

0

你也可以用filter如下

$('div').filter(function() { 
    return $(this).data("checked") == "no"; 
    }) 
) 

Demo

+1

這是不是更低效? –

+0

@LightnessRacesin甚至沒有一個好的做法,我想。 – DontVoteMeDown

+0

不是。這樣的選擇器由CSS引擎處理。 https://developer.mozilla.org/en/docs/Web/CSS/Attribute_selectors –