定位帖子标题的最后一个词

时间:2016-03-08 02:18:12

标签: jquery html css wordpress

我正在使用Wordpress,我使用

带来了一个帖子的标题
<?php the_title( '<h1>', '</h1>' ); ?>

我想定位标题中的最后一个单词以应用不同的css。 Wordpress管理员不允许我使用标题或应用span类。

4 个答案:

答案 0 :(得分:1)

&#13;
&#13;
/migrations
    v1.0.0__geo-areas-tables.sql
    v1.0.0__geo-areas-data.sql
&#13;
var sliced = $('h1').text().split(' ');
var lastword = sliced.pop();
console.log(lastword)
&#13;
&#13;
&#13;

尝试这种方式.. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <h1>Im the Last Word</h1> H1然后使用split()

获取最后一个字

答案 1 :(得分:1)

使用拆分来拆分文本并使用最后一个单词,并且必须使用span替换文本。像这样使用.html(function())

var text = $('h1').text().split(' ');
var lstWord = text.pop();
// find the h1 with above word
$("h1:contains('" + lstWord + "')").html(function( i, old) {
   // replace the old content(specified words)
   // with span tag around that
   return old.replace(lstWord, '<span class="myColor">'+lstWord+'</span>');
});

DEMO

答案 2 :(得分:0)

这里是使用原始的WP内容,基本上我认为你要求的是最简单的格式:

<?php 
$post_title = get_the_title();
$title_as_array = explode(' ', $post_title);
$last_word = array_pop($title_as_array);
$last_word_with_span = '<span class="whatever">' . $last_word . '</span>';
array_push($title_as_array,$last_word_with_span);
$modified_title = implode(' ', $title_as_array);
echo $modified_title;
?>

this PHP sandbox中尝试此操作。您可以看到我在沙箱中为标题替换了一串单词(“这里是我的标题”) - 它应该像get_the_title()一样工作。

以下是您按“执行代码”后发生的情况,以防您没有看到。

PS:为了解释,基本上这样:1)获取标题为字符串,2)将其转换为数组,3)获取数组中的最后一项,4)添加span html,5)将其放回在标题数组的末尾,6)再次将数组转换为字符串,7)将其打印出来。

enter image description here

答案 3 :(得分:0)

使用Php脚本语言和要求(例如,在当前加载页面上将菜单链接设置为活动状态)是基于第一个任务的,因此您必须确定要加载的页面,并基于该页面能够为菜单链接分配活动或类似的任何其他类,从而使菜单不同(活动)。

$ current_page = basename(parse_url($ _ SERVER ['REQUEST_URI'], PHP_URL_PATH));