我如何检查如果行是空的,然后不显示它
How do i check if line is empty then dont show it?
这是我在javascript中使用的部分,用于从文本文件中读取行,并将它们添加到jquery插件newsticker:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://risq.github.io/jquery-advanced-news-ticker/assets/js/jquery.newsTicker.js"></script>
<style>
.newsticker {
max-width: 620px;
margin: auto;
}
.newsticker li {
color: #4e4e4e;
background: #F2F2F2;
overflow: hidden;
height: 28px;
padding: 10px;
line-height: 30px;
list-style: none;
font-size: 20px;
text-align: left;
border-bottom: 1px dotted #2c8162;
}
.newsticker li:hover {
background: #FFF;
}
</style>
<script>
$('body').find('.newsticker').remove();//It will clear old data if its present
var file = "http://newsxpressmedia.com/files/theme/test.txt";
$.get(file, function (txt) {
//var lines = txt.responseText.split("'n");
var lines = txt.split("'n");
$ul = $('<ul class="newsticker" />');
for (var i = 0, len = lines.length; i < len; i++) {
//save(lines[i]); // not sure what this does
$ul.append('<li>' + lines[i] + '</li>'); //here
}
//$ul.appendTo('body').newsTicker({
$ul.appendTo('div.wcustomhtml').newsTicker({
row_height: 48,
max_rows: 2,
speed: 6000,
direction: 'up',
duration: 1000,
autostart: 1,
pauseOnHover: 1
});
});
</script>
文本文件中的内容格式如下所示,例如:
<>之前大家好5/3/2014你好,世界5/3/2013这是一个测试6/3/2012之前我希望每次在jquery插件中显示两行,例如这是两行:
<>之前你好,世界5/3/2013之前在这两行之后有空行空间,所以不要显示它。接下来的两行。因此,在jquery newsTicker插件中,我应该看到文本像这样滚动:
<>之前大家好5/3/2014你好,世界5/3/2013这是一个测试6/3/2012之前每次两行,不带空格/空行。一般来说,它是工作的,但它也显示空/空格行。
编辑* *这是文本文件内容的样子:
http://textuploader.com/rl0v
文本是希伯来语,但例如这是两行:
דיווח:ראמימחלוף,מבכירימשטרושלאסד,עזבעםמשפחתואתסוריה。מבזקים。永永永永永永永永永永永永永永永永永永永:07.04.14
然后是空行,然后是另外两行。我想在jquery newsticker中每次显示这两行,并将它们作为一个两行的块向上滚动。
如何改变行步进for
循环:
$('body').find('.newsticker').remove();//It will clear old data if its present
var file = "http://newsxpressmedia.com/files/theme/test.txt";
$.get(file, function (txt) {
//var lines = txt.responseText.split("'n");
var lines = txt.split("'n");
$ul = $('<ul class="newsticker" />');
for (var i = 0, len = lines.length; i < len; i+=3) { // step: 3
//save(lines[i]); // not sure what this does
$ul.append('<li>' + lines[i] + '</li>'); //here
$ul.append('<li>' + lines[i+1] + '</li>');
}
//$ul.appendTo('body').newsTicker({
$ul.appendTo('div.wcustomhtml').newsTicker({
row_height: 48,
max_rows: 2,
speed: 6000,
direction: 'up',
duration: 1000,
autostart: 1,
pauseOnHover: 1
});
});
在循环中检查行长度是否大于0:
for (var i = 0, len = lines.length; i < len; i++) {
//save(lines[i]); // not sure what this does
if (lines[i].length>0)
$ul.append('<li>' + lines[i] + '</li>'); //here
}
看起来好像你需要在添加该行之前检查该行是否为空。
for (var i = 0, len = lines.length; i < len; i++) {
// check if an empty line
if(lines[i] != ""){
$ul.append('<li>' + lines[i] + '</li>');
}
}
假设您想在单个li
, trim
行中显示文本,并检查它是否为空,然后将其添加到text
变量,尝试:
$.get(file, function(txt) {
var text = '';
var lines = txt.split("'n");
$ul = $('<ul class="newsticker" />');
$.each(lines, function(i, v) {
v = $.trim(v);
if (v !== '') {
text += v + ' ';
}
});
$ul.append('<li>' + text + '</li>');
$ul.appendTo('div.wcustomhtml').newsTicker({
row_height: 48,
max_rows: 2,
speed: 6000,
direction: 'up',
duration: 1000,
autostart: 1,
pauseOnHover: 1
});
});
相关文章:
- 先下载页面,然后显示/动画内容
- jQuery检查URL,然后显示和隐藏元素
- angularjs的ng keydown事件,按下哪个键的值,然后显示按下的键的值
- 出现一秒钟然后显示为Javascript的消息
- 在首页动画化一个标志3秒钟,然后显示一个图像滑块
- 如何从网站获取数据,然后显示在英特尔 XDK 页面中
- 上传 CSV 文件,然后显示列的标题
- 选择特定键,然后显示特定值而不重复 ng 重复
- 粘性导航元素 - 隐藏然后显示
- 是否可以上传然后显示带有直接HTML的图像
- 将一个结果集除以另一个结果集,然后显示答案
- 如何使用javascript验证HTML标记,然后显示它的预览
- PHP Yii-单击列表然后显示模式中单击的列表的完整数据
- 循环检查选中的复选框,然后显示结果
- 检测YouTube时间然后显示DIV?使用 JavaScript
- Javascript重定向然后显示一条消息
- 如何从 Assoc 数组中选择随机值,然后显示键和值
- 我使用以下代码检查新周是否与已创建的周匹配,然后显示警报
- 检索两个列表,对值进行排序和比较,然后显示所有结果
- jQuery从PHP脚本预加载图像,然后显示