jquery - 使用 JQuery 单击功能更改 CSS 代码

Question

HTML代码:

    <div id="r1242">
        <img class="trans" src="http://sakshamcomputer.com/images/printerLogo.jpg"/>
        <div class="labels" id="p1242">
            <strong>Available Printers:</strong><br><br>
            Lanier LD075 Rm1242<br><br>
            Rm1242_Ricoh_Aficio_MP_7502
        </div>
    </div>

CSS 代码:

    #r1242 #p1242 {
         display:none;
    }

JQuery 代码:

    $('div .trans').click(
          function() {
             $('#p1242').css("display","block");
          }
    });

我想使用 JQuery 更改我的 CSS 代码中“display”的值。我在 JQuery 中尝试了各种方法来首次引用该元素，例如“$('#r1242 #p1242')”、“$('#p1242')”等。如何正确更改展示值(value)？

Answer 1

您的 jQuery 代码中存在语法错误，导致它无法运行。您在底部的结束语句中有一个额外的结束花括号 }。删除它并且它有效:

$('div .trans').click(
      function() {
         $('#p1242').css("display","block");
      }
);

工作 JS fiddle :http://jsfiddle.net/utHgS/