jQuery 搜索使用 .find 标签内的内容
jQuery search using .find of content inside tags
我正在尝试搜索 .list 中的 p 标签内容,我可能只是过于复杂了,但我的警报不起作用,也许是因为页面上的其他代码不起作用,但我想知道是否有人可以帮助我找出我出错的地方。
.JS
$(document).ready(function() {
var sresults = $('.mainsearch input').val();
var sfinder = $('.list p').find(sresults).text(sresults);
$('.mainsearch input').keyup(function () {
$('.search-help').append(sfinder);
alert(sfinder);
});
});
.HTML
<div class="mainsearch">
<input/>
<div class="search-help">Results:
</div>
</div>
<div class="list">
<span><p>test</p></span>
<span><p>another result</p></span>
<span><p>yet another result</p></span>
</div>
这样的东西?
$(document).ready(function() {
$('.mainsearch input').keyup(function () {
var sresults = $('.mainsearch input').val();
var sfinder = $('p:contains('+sresults+')').text();
$('.search-help').text("Results:" + sfinder);
alert(sfinder);
});
});
http://jsfiddle.net/h7uYB/
更新:
试试这个:
http://jsfiddle.net/h7uYB/2/
错别字?
alert(sfiner)
应该是
alert(sfinder)
尝试使用 :contains() 选择器。从网站:
说明:选择包含指定文本的所有元素。 匹配的文本可以直接出现在所选元素中、该元素的任何后代中,也可以显示它们的组合。与属性值选择器一样,:contains() 括号内的文本可以写成裸词或用引号括起来。文本必须具有匹配的大小写才能选择。
所以对你来说:
var sfinder = $('.list p:contains(' + sresults + ')');
您只是想返回与键入的内容匹配的段落吗?然后你想使用:contains()
:
$(document).ready(function() {
$('.mainsearch input').keyup(function() {
var sresults = $('.mainsearch input').val();
var sfinder = $('.list p:contains("' + sresults + '")');
//$('.search-help').append(sfinder);
console.log(sfinder);
});
});
http://jsfiddle.net/mblase75/kQnTV/
不过,您可能的目标是:
$(document).ready(function() {
$('.mainsearch input').keyup(function() {
var sresults = $('.mainsearch input').val();
var sfinder = $('.list p:contains("' + sresults + '")');
$('.search-help').html(sfinder.clone());
});
});
http://jsfiddle.net/mblase75/kQnTV/1/
相关文章:
- 在<页眉>标签
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- iframe正在添加标签,需要删除它们
- .Find()仅显示可见元素
- 如何自动调整标签的高度以适应内容
- Jquery标签插件粘贴问题
- Twitter引导程序Typeahead-Id&标签
- Highcharts-如何在自定义格式化程序中获得默认的y轴标签格式化程序
- Morris.js折线图x轴标签在调整大小后消失
- JavaScript goto 标签如何使用内部循环
- 显示某个用户ID的某个标签的30张Instagram图片
- 标签客户端的设置值
- 谷歌图表显示所有标签
- 如何在图片和边缘之间居中设置标签
- jQuery(this).Pparent().Pparente().Prent().find()在iPad上不起作用
- 如何在 jquery 中的 find() 中动态提供元素/标签
- 单击.之间具有特定名称的链接的JS.<>标签.我应该使用 window.find(string).click()、
- jquery find() 和 remove() 脚本标签不起作用
- jQuery 搜索使用 .find 标签内的内容
- Jquery .find和追加img标签