这被标记为偏离主题但留在Stack Overflow上以防其他人有同样的问题.
这可能超出了范围,但我很想知道你是否可以抓一个Angular JS网站？
如果可以,有人可以指点我一些好的资源吗？我做了一些研发但除了Phantom JS之外找不到任何有用的资源
好吧,我有这个下拉菜单,我想在导航的主要级别加粗第一个单词.请在下面的代码中查看哪些内容带有注释.
为了说清楚,我希望将单词Our,Lorem和Another包装在strong标签或span标签中,因为它们是导航主级别中的第一个单词.我怎样才能用jQuery实现这个目标？
<ul class="clearfix" id="topnav">
<li class="mainNavFirst"><a href="/">Our Home</a></li> <!-- bold this 'our' -->
<li class="mainNavMiddle"><a href="#">Lorem Ipsum</a><!-- bold this 'Lorem' -->
<div>
<ul>
<li class="sectionTitle">
<h2><a href="#">Ipsum Lorem</a></h2>
</li>
<li><a href="#">Just a random link</a></li>
<li><a href="#">Just a random link</a></li>
</ul>
<ul>
<li class="sectionTitle">
<h2><a href="#">Ipsum Lorem</a></h2>
</li>
</ul>
</div>
</li>
<li class="mainNavLast"><a href="#">Another Link</a></li><!-- bold this 'Another' -->
</ul>
我想要做的是在点击"复制"后将图像'源'或'html元素'复制到另一个div.请参阅下面的示例
<div class="images">
<img src="imageone.jpg" alt="one" title="one">
</div><!-- end -->
<button>Copy</button>
<div class="images">
<img src="imageone.jpg" alt="one" title="one">
</div><!-- end -->
<button>Copy</button>
<div class="images">
<img src="imagethree.jpg" alt="three" title="three">
</div><!-- end -->
<button>Copy</button>
一旦我按下复制'按钮' - 图像HTML(不是图像本身)将被复制到这个div中(如下所示 - 包括alt标签图像源和标题标签)
<div id="copied-container">
<div id="copiedimages">
<img src="imagetwo.jpg" alt="two" title="two">
<img src="imageone.jpg" alt="one" title="one">
<img src="imagethree.jpg" alt="three" title="three">
</div>
<button>delete</button> <!-- this will remove any images when i select them or highlight them -->
</div>
我并不担心我的div包含我要复制的图像,我主要担心的是复制图像html属性
我还希望有一个按钮能够通过按删除突出显示删除/删除任何图像.看我上面的例子
注意:为了简化它 - 我想将图像源,标题标签,alt标签复制到此div中,以便我可以复制html元素.当我突出显示并按下删除时,我还希望能够删除#retered-container中的任何html.
如何将多个uls 组合成一个ul？
例如,我如何结合以下内容.
<ul>
<li>one</li>
<li>two</li>
</ul>
<ul>
<li>three</li>
</ul>
<ul>
<li>four</li>
</ul>
<ul>
<li>five</li>
</ul>
对于这样的事情
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
</ul>
?
我想在图像之后或在某个字符限制之后添加一个读取更多链接可能在100左右.但是我有问题抓住页面标题的链接.我想让脚本动态化.
现在我的jQuery就是这样写的.
jQuery的
$('.BlockContent p').each(function() {
var txt = $(this).text();
var link = $('#NewsContent .p-name').attr("href");
if (txt.length>5) {
$(this).html('<span>'+txt.substring(0,5)+' </span><a href="link"> Read More</a>');
}
});
我的HTML
<div class="BlockContent" id="NewsContent">
<img src="http://placehold.it/600x300">
<h1 class="p-name"><a href="#">Page Title</a></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam in odio mi. Fusce varius urna quis sem viverra id laoreet sem imperdiet. Morbi ultricies varius tortor, in congue ipsum facilisis ut. Suspendisse potenti. Nam ut eros quis orci eleifend rutrum vestibulum …我的图片没有得到优化.也许我在我的结局上做错了,但除了我的imagemin任务之外,其他任务都在为我工作.我删除了所有其他任务并尝试在下面运行我的任务但它没有执行.
我的终端中也没有消息表明问题所在.我正在运行此命令
grunt imagemin
但没有任何反应.图像.jpg格式正确,位于我的img文件夹中.我想要做的是优化/压缩这些图像到我的文件夹中的图像文件dist夹.
我也在加载所有已注册的节点 require('load-grunt-tasks')(grunt);
如果有人可以帮助我,那会很好.
这是我的文件夹结构
Main Folder
| -- dist
|--- css
|--- js
|-- img -- (images are here)
|-- js
|-- node_modules
|-- reports
|-- sass
|-- test
|-- coverage
|-- _resources
|-- _bin
这是我的gruntfile.js
module.exports = function(grunt) {
// A very basic default task.
// grunt.registerTask('running', 'Log some stuff.', function() {
// grunt.log.write('Logging some stuff...').ok();
// });
require('load-grunt-tasks')(grunt); // using this to load all tasks
grunt.initConfig({
// …我正试图单击 " 每个 "项目,这是一个.toggleDiv单独切换的项目,而不是一次全部切换.
现在点击的.toggleDiv只需点击一下即可展开.fullSaintDescw 内的所有元素,这就是我不想要它做的事情 - 我想要的是EACH元素,它有一个.toggleDiv扩展.fullSaintDesc但不是全部的类.
如果您觉得我的问题的标题不清楚我要问的内容,请随时编辑它.
$(document).ready(function() {
$(".toggleDiv").click(function(){
$(".fullSaintDesc").toggle();return false;
});
});
HTML
这些类正在整个页面中使用 - 我希望每个.toggleDiv都可以自行扩展而不是一次点击.
<p>
<a class="toggleDiv" href="#">Click here to read more</a>
</p>
<div class="fullSaintDesc">
<p>blah blah blah </p>
</div>
<!-- eo : fullSaintDesc -->
如何使用jquery更改此输入字段的值？
<input type="hidden" name="emailaddress" value="admin@admin.com">
有人可以帮助我如何延迟这个功能吗？
$('#customer_quote').lightbox_me({
centered: true,
closeSelect: ".close",
onClose: function(){
$('div.error').remove()
}
})
});
我希望这个灯箱在7秒后打开.
我想在主页上除了主页之外的所有页面都添加一个类.现在我有.
<?php body_class('interior'); ?>
但它为所有页面添加了"内部",包括主页.
除了"主页"之外,将标签添加到所有内部页面的最佳标准方法是什么？