0

知りたかったのですが、h2見出しの最初の単語しか表示できない方法はありますか。

例えば:

ソースコードでは次のようになります

<h2> Stackoverflow is an Ideal Place</h2>

ただし、ライブWebサイトでは、次のようになります。

Stackoverflow

基本的には、見出し全体から最初の単語を表示したいと思います。ただし、検索エンジンは完全なタイトルを読み取る必要があります。

4

3 に答える 3

2

この方法を試してください

$(document).ready(function(){
    var ac = $("#ac").text().split(' '); 
    $("#ac").text(ac[0])
})
于 2012-12-22T21:42:29.810 に答える
1

CSSだけではできません。最初の文字、最初の行には疑似要素セレクターがありますが、最初の単語にはありません。

最初の単語のみが表示されるように幅を設定できます (overflow:hiddenもちろん使用します) が、すべてのフォント ファミリとサイズに対して確実に使用できるわけではありません。

最後に、プレーンな JavaScript または jQuery でそれを行うことができます。

プレーン JS:

var el = document.getElementById("ac");
el.innerHTML = el.innerHTML.split(/\s/)[0];

jQuery:

$("#ac").html(function(i, h) { return h.split(/\s/)[0];});
于 2012-12-22T21:55:11.053 に答える
1

これはあなたが望むことをします...

<h2 id="ac">Stackoverflow is an Ideal Place</h2>​

$('#ac').html( function(i, h) {
    var words = h.split(/\s/);
    return ' <h2>' + words[0] + '</h2>';
});​
于 2012-12-22T22:00:10.697 に答える