How can I hide an id from its contents in Javascript/jQuery ?

Question

I have a bunch of this videos on this website with this source:

<li id="vidLink-1498229769" class="videoContainer vidLink">
    <a href="/p/watch/1498229769:GM1ryG4eoTA6sMZV9wtDEpocuehpzDni">
        <span class="content-video-thumb-hover"></span>
        <img src="http://lockerz.vo.llnwd.net/o35/Lockerz/14/593/MEVIO-EmoGirlTV-SavesTheDay-TH1.jpg" id="clThumb_1498229769" class="videoThumb">
    </a>
    <a href="/p/watch/1498229769:GM1ryG4eoTA6sMZV9wtDEpocuehpzDni" class="videoTitle">Emo Girl TV - Saves the Day Interview</a>
                    <span class="PTZ-status PTZ-awarded">PTZ have been awarded for watching this video.</span>

Is it possible to hide the entire id, the vidlink-* part if the span class is that?

<span class="PTZ-status PTZ-awarded">PTZ have been awarded for watching this video.</span>

I want to hide the videos I've already seen in the site (with greasemonkey), but I have no idea how...

Answer 1

If you're trying to hide the entire vidLink if it contains a .PTZ-status, you can do it like this:

$('.vidLink:has(.PTZ-awarded)').hide();

Answer 2

hee hee - i'm sure this is an ali-g windup...