jQuery - 更改前一个div的输入值

Question

我有这样的代码：

function changeValue(el) {

}

<div class="tracklistOff">
    ...

    <div class="sideon">
        ...
    </div>

    <div class="trackon">
        ...
    </div>

    <div class="sideon">
        ...
    </div>

    <div class="trackon">
        ...
    </div>

    <div class="sideon">
        <span class="sideindex"><input type="hidden" name="sidesOriginal[]" value="#" /></span>
    </div>

    <div class="trackon">
        <span class="trackbotton"><a href="#" onClick="changeValue(this);return false">Edit</a></span>
    </div>

    <div class="sideon">
        ...
    </div>

    <div class="trackon">
        ...
    </div>

    <div class="sideon">
        ...
    </div>

    <div class="trackon">
        ...
    </div>        

    ...
</div>

并且我想通过单击Edit并仅使用 this 引用作为起始位置将sidesOriginal []的值更改为“hello”。我只会在之前的 sideon 上更改该值，而不是每个 sideon 。我怎么能在jQuery中做到这一点？

Answer 1

工作示例：http://jsfiddle.net/peeter/qy3h9/

Answer 2

$(this).parent().parent().children('.sideon').children('input[type="hidden"]').val('hello');