javascript - 如何通过 ID 仅隐藏列表项中的图像？

Question

我有一个列表项:

<li id="optionCarousel" onclick="toggleTick(this)"><a><img class="tick" id="optionCarousel_Tick" src="/images/tick.png">Carousel</a></li>

当我调用我的方法时:

function toggleTick(element) {
    var elementText = element.id += "_Tick";
    var tickElement = $g(elementText);


    if (tickElement != null) {
        if (tickElement.style.visibility == "visible") {
            tickElement.style.visibility = "hidden";
        }
        else {
            tickElement.style.visibility = "hidden";
        } 
    }
}

它隐藏了整个列表项，而不仅仅是我传递的图像。关于如何仅隐藏图像有什么想法吗？

fiddle HERE

Answer 1

尝试

function toggleTick(element) {
    var elementText = element.id += "_Tick";
    var tickElement = $g(elementText);
    tickElement.toggle()
}