jquery - jQuery更改锚链接内的跨度宽度和高度

Question

如何修改锚点内跨度的宽度和高度？

里面有两个跨度a element，我需要更改第一个跨度的宽度和高度。

例子：

<a href="http://www.google.com" id="myId" >
   <span style="width:18px; height:18px;"></span>
   <span></span>
</a>

score 1 · Accepted Answer

您可以将 CSS 选择器与:first过滤器一起使用。

$("a span:first").css({
      'display':'block',
      'width':'100px',
      'height':'100px'
});

score 1 · Accepted Answer

您不能设置内联元素的宽度和高度（或者更确切地说，您可以设置它们但它们会被浏览器忽略），因此您需要添加：

display: inline-block;

到元素的样式。然后widthandheight属性将生效。

你可能想读：

score 0 · Accepted Answer

我实际上是这样解决的，并且在所有浏览器中都可以正常工作......

$('#myId').find('span:first').css({
    width: "28px",
    height: "28px"
});

score 0 · Accepted Answer

您可以使用

$("#myId:first-child").css("width", 100);

请注意，除非您将其从内联元素更改为块元素，否则 span 不会获得宽度和高度。

4 回答 4