Question

只是一个简单的例子：

<p>
    <span class="example"></span>
    <input type="text" name="e_name" id="e_id />
</p>
<script type="text/javascript">
    $('input').click(function(){
        $(this).parent().children('span').text('Suprise!');
    }
</script>

我可以使用什么代替parent（）。children（）？

我认为这段代码有点不优雅。有任何功能，即：$（this）.fun（'span'）。text（'just better'）; ??

Answer 1

$(this).siblings('span').text('Suprise!');

Answer 2

$(this).siblings('span').text('Surprise!');

如果没有遍历DOM然后退出（我的意思是，它仍然会这样做，但至少你没有手动完成），这是等效的。

Answer 3

稍微优雅的是.prev()

$(this).prev('span').text('Surprise!');

您可以在此处详细了解：Prev

编辑：向后阅读标记，prev更好，而不是下一个。

Answer 4

试试这个：

$(this).prev('span').text('Surprise!');

Answer 5

$("span.example",$(this).parent()).text('Suprise!');

jQuery代替$（this）.parent（）。children（）

5 个答案: