0

我只是想知道，有什么方法可以只显示 h2 标题中的第一个单词。

例如：

在源代码中它应该看起来像这样

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

但是，在实时网站上，它应该看起来像这样

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 回答