jquery - jQueryは、アンカーリンク内のスパンの幅と高さを変更します

Question

アンカー内にあるスパンの幅と高さを変更するにはどうすればよいですか?

内部には 2 つのスパンがありa element、最初のスパンの幅と高さを変更する必要があります。

例：

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

score 1 · Accepted Answer

:firstフィルターで CSS セレクターを使用できます。

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

score 1 · Accepted Answer

インライン要素の幅と高さを設定することはできません (または、設定することはできますが、ブラウザーによって無視されます)。そのため、以下を追加する必要があります。

display: inline-block;

要素のスタイルに。その後、プロパティwidthとheightプロパティが有効になります。

あなたは読みたいかもしれません：

score 0 · Accepted Answer

あなたが使用することができます

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

インラインからブロック要素に変更しない限り、スパンは幅と高さを取得しないことに注意してください。

score 0 · Accepted Answer

私は実際にこのように解決し、すべてのブラウザで正常に動作します...

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

4 に答える 4