标签: caption
如何访问<caption>标签中的文字？
我有这样的HTML:
<table>
<caption class="my_caption">Table 1.1: TABLE CAPTION</caption>
<tr>...</tr>
<tr>...</tr>
...
我需要获取标题文本,以便我可以进行一些字符串比较.我已经尝试过.val(),. text(),. html()和.value,但它们都不起作用.
谢谢你的帮助.
编辑:我实际上有一些这些标题.对不起,我早些时候应该提到这个.
<div>
<table>
<caption class="my_caption">Table 1.1</caption>
<tr>...</tr>
<tr>...</tr>
...
</table>
<table>
<caption class="my_caption">Table 1.2</caption>
<tr>...</tr>
<tr>...</tr>
...
</table> </div>
所以我有一个遍历所有标题的for -loop:
var cap_tables = $("caption.my_caption");
for (var i=0;i<cap_tables.length;i++) {
alert(cap_tables[i].text());
//i've tried .text(), .html(), .val(), .value to get the caption text
}
我会再次尝试你的所有建议并回复你们.非常感谢你!!!
我使用的是Firefox 3.5.3版
1
推荐指数
推荐指数
1
解决办法
解决办法
3984
查看次数
查看次数
如何制作带有字幕叠加层的液体居中图像？
我正在尝试使用CSS来显示以字幕覆盖为中心的图像,以及当浏览器窗口太小(缩小到适合)时的液体功能.
我目前的最佳尝试类似于以下HTML(使用Google的徽标作为示例图片)
<div align="center">
<div class="container">
<img src="http://www.google.fr/images/logos/ps_logo2.png" class="picture" />
<h3 class="caption">Image Caption</h3>
</div>
</div>
使用以下CSS
.container {
position : relative;
max-width : 364px;
}
.picture {
border-radius:0.5em;
box-shadow: 0px 0px 0.5em #000000;
max-width:364px;
}
.caption {
position:absolute;
padding:0.25em;
top:1em; left:0; right:0;
color:black;
background-color:rgba(0,0,0,0.2);
text-align:center;
}
但是,如果它的行为中心,因为我希望它适用于大型浏览器窗口,它不会缩小小浏览器窗口...而且我不需要IE支持,特定于WebKit(iPhone/Android)就足够了,如果可能的话,我想避免使用JavaScript.
JSFiddle随时可以使用http://jsfiddle.net/kWH3C/1/
1
推荐指数
推荐指数
1
解决办法
解决办法
5119
查看次数
查看次数
PHP 代码显示特色图像标题（如果存在）
我只想在段落中显示特色图像标题（如果存在）。
我正在尝试以下操作，但没有运气：
<?php if (the_post_thumbnail_caption()) { echo '<p class="wp-caption-text">' . the_post_thumbnail_caption() . echo '</p>' } ?>
这会导致致命错误：
C:\xampp\htdocs\builder\wp-content\themes\BuilderChild-Default\extensions\magazine-enhanced2\functions.php:88:语法错误，意外的 T_ECHO
请帮忙。
1
推荐指数
推荐指数
1
解决办法
解决办法
4812
查看次数
查看次数
jQuery:计算元素并使用元素编号作为CSS类
我有一个jquery脚本来生成图像的标题.但是现在我想用标题计算元素,并将相应的数字作为类添加到图像类中.我知道如何计算(.length)但我如何使用每个元素中的适当数字？
http://jsbin.com/ugemih/6/edit#javascript,html,live
BR
1
推荐指数
推荐指数
1
解决办法
解决办法
4076
查看次数
查看次数
向 OpenXml 中的表格或图形添加标题
我正在尝试在 OpenXml 中创建此结构：
<P>
<Table />
<Caption>Table 1 - Some Text 1 </Caption>
<Picture />
<Caption>Figure 1 - Some Text 2 </Caption>
</P>
就代码而言，我有：
var currentLine = new Paragraph();
currentLine.AppendChild(new Run(elem)); -> Where the elem is Table
...
currentLine.AppendChild(new Run(elem2)); -> Where the elem2 is Drawing
所以我只怀念添加标题的方式，与我在 MS Word 参考资料 -> 插入标题中可以执行的标题相同。
一些如何实现这一点的信息将非常感激。
锐
1
推荐指数
推荐指数
1
解决办法
解决办法
2106
查看次数
查看次数
JWPlayer 如何从 Javascript 更改字幕轨道？
在 JWPlayer 中，如何根据我的喜好更改（或设置）字幕轨道.. 让我们通过单击外部 HTML 按钮来说明。
让我们说：
- 如果我点击 html
[ Button 1]，视频的标题将是“eng.srt”。 - 如果我点击 html
[ Button 2]，视频将带有“esp.srt”的标题。
可能从一开始就没有字幕曲目。相应的字幕轨道将在 html 按钮单击时设置（即使在播放时？）
1
推荐指数
推荐指数
1
解决办法
解决办法
3774
查看次数
查看次数
fancybox3标题隐藏了一段时间后
为什么标题会在一段时间后消失？目前,如果用户没有做任何事情,窗口标题会在一段时间后消失.
如何阻止字幕始终可见？
任何想法我是fancybox3的新手.
<!doctype html>
<html>
<head>
<title>fancyBox - touch enabled, responsive and fully customizable lightbox script</title>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,700" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.20/jquery.fancybox.min.css">
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.20/jquery.fancybox.min.js"></script>
<body>
<div class="hidden">
<a data-fancybox="cl-group" data-caption="zaid 1" data-thumb="http://farm9.staticflickr.com/8665/15613375844_99dc1e5dc0_m.jpg" href="http://farm9.staticflickr.com/8665/15613375844_99dc1e5dc0_b.jpg"><img src="http://farm9.staticflickr.com/8665/15613375844_99dc1e5dc0_m.jpg" alt=""></a>
<a data-fancybox="cl-group" data-caption="zaid 2" data-thumb="http://farm8.staticflickr.com/7404/12868632153_b0a5718c22_m.jpg" href="http://farm8.staticflickr.com/7404/12868632153_b0a5718c22_b.jpg"><img src="http://farm8.staticflickr.com/7404/12868632153_b0a5718c22_m.jpg" alt=""></a>
<a data-fancybox="cl-group" data-caption="zaid 3" data-thumb="http://farm6.staticflickr.com/5584/15276294205_5a7ffe793c_m.jpg" href="http://farm6.staticflickr.com/5584/15276294205_5a7ffe793c_b.jpg"><img src="http://farm6.staticflickr.com/5584/15276294205_5a7ffe793c_m.jpg" alt=""></a>
<a data-fancybox="cl-group" data-caption="zaid 3" data-thumb="http://farm8.staticflickr.com/7412/8732133694_0c7e400022_m.jpg" href="http://farm8.staticflickr.com/7412/8732133694_0c7e400022_b.jpg"><img src="http://farm8.staticflickr.com/7412/8732133694_0c7e400022_m.jpg" alt=""></a>
<a data-fancybox="cl-group" data-caption="zaid 4" data-thumb="http://farm3.staticflickr.com/2870/8985207189_01ea27882d_m.jpg" href="http://farm3.staticflickr.com/2870/8985207189_01ea27882d_b.jpg"><img src="http://farm3.staticflickr.com/2870/8985207189_01ea27882d_m.jpg" alt=""></a> …1
推荐指数
推荐指数
1
解决办法
解决办法
2221
查看次数
查看次数
如何并排添加两个图形，并在每个图形上插入标题？
在Word中，我可以并排添加两个图形，但是，当我向每个图形标题插入标题时，图形编号不会改变，它们都具有相同的图形编号。我怎么解决这个问题？
1
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
如何垂直对齐旋转的图像标题？
我正在尝试将图像标题对齐到图像容器的左下角。
这是期望结果的图片。
这是我正在使用的 HTML/CSS：
.elementor-image figure {
position: relative;
}
.elementor-image figure figcaption {
position: absolute;
bottom: 0;
left: -40px;
transform: rotate(-90deg);
}<div class="elementor-image">
<figure class="wp-caption">
<img src="https://picsum.photos/200/300">
<figcaption class="widget-image-caption wp-caption-text">The Lorem <span></span></figcaption>
</figure>
</div>我的代码有两个问题：
- 旋转的文本不是从左下角开始。
- 应用 left: -40px 并不总是将文本与图像对齐（有时它会重叠在图像顶部）。
这是说明问题的另一个屏幕截图。
我希望我已经正确地解释了自己，我一直在为此苦恼，所以我非常感谢您的意见和想法。谢谢！
1
推荐指数
推荐指数
1
解决办法
解决办法
491
查看次数
查看次数
如何在 geom_boxplot 上显示长标题？
我有一个很长的标题，我想将其包含在 ggplot 的底部geom_boxplot。
目前，代码将一行写入标题，但缺少许多预期的标题。我如何将文字包裹在标题中？
我的代码是
p = ggplot(mpg, aes(class, hwy)) + geom_boxplot() +
labs(title="An example title", caption = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in …1
推荐指数
推荐指数
1
解决办法
解决办法
616
查看次数
查看次数