jquery - 在表格行中设置向上/向下箭头的样式

Question

我有一个有 2 列的表。一列是数据，第二列是向上/向下箭头。

向上箭头不应显示在第一行，向下箭头不应显示在最后一行。我尝试了很长时间，但没有任何反应。该函数被调用，但箭头始终显示。有人可以帮忙吗？

function reset_updown_mbp()
{
    $('tr > td > img[src="up.png"]').css('visibility', 'visible');
    $('tr > td > img[src="up.png"]:first').css('visibility', 'hidden');
    $('tr > td > img[src="dn.png"]').css('visibility', 'visible');
    $('tr > td > img[src="dn.png"]:last').css('visibility', 'hidden');
}

Answer 1

尝试将 a 添加id到您的表中，例如：

<table id="myTable">
...
</table>

和你的javascript，尝试使用.hide()和.show()功能：

<script>

    function reset_updown_mbp()
    {       
        $('#myTable img[src*="up.png"]').show();
        $('#myTable img[src*="up.png"]:first').hide();
        $('#myTable img[src*="dn.png"]').show()
        $('#myTable img[src*="dn.png"]:last').hide();
    }

    // and remember to call the function
    $(document).ready(function() {

        reset_updown_mbp();

    });

</script>

在 jquery 过滤器中，我不确定您的 html 代码如何，因此我使用*=它，因为它Selects elements that have the specified attribute with a value containing the a given substring.

http://api.jquery.com/attribute-contains-selector/

Answer 2

你有没有执行过reset_updown_mbp方法document.ready？