javascript - 具有选择器和非选择器的 JQuery 选择器

标签 javascript jquery html css

我有以下 JQuery 函数:

$('article.node--article p, .video-title').highlightWordAndScroll({
    words       : search_word,
    tag         : '<span class="found_keyword">',
    closingtag  : '</span>',
}, scrollTo);

它基本上包装了一个类 found_keyword search_word周围.而已。 但在一些<p>之间标签是 <img>标签。而且因为 found_keyword类包裹在图像名称周围,图像不再正确呈现。

<p class="rtecenter">
   <img alt="" src="/sites/default/files/userfiles/logo_&lt;span class=" found_keyword"="">foto.jpg" style="height:87px; width:332px"&gt;
</p>

因此,图像渲染被破坏了。有没有办法在 JQuery 选择器中排除图像标签?

编辑
感谢您的链接。我试过以下代码,但没有运气......

$('article.node--article p, .video-title').children().not("img").highlightWordAndScroll({
    words       : search_word,
    tag         : '<span class="found_keyword">',
    closingtag  : '</span>',
}, scrollTo);

最佳答案

你为什么不做更多的 Jquery 来删除之后的类,但只针对 img 标签

关于javascript - 具有选择器和非选择器的 JQuery 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23203540/

相关文章:

javascript - 如何将 div 包裹在用户给定字符串中的每个字母周围

javascript - 我的 jQuery 表格自动过滤器不断更改表格行高。为什么?

javascript - 如何在 HTML 选择控件中设置系统字体?

javascript - 当\js是未知命令时,如何在mysql-shell中切换到JS模式?

Javascript XMLHttpRequest "NetworkError"

javascript - ga() 函数 Google Analytics 在 Google 跟踪代码管理器中作为标签实现

html - Bootstrap 下拉菜单 - 显示第二个 Bootstrap 导航栏

jquery - 在 html 中使用 css 放置悬停或单击输入类型

javascript - jquery 以编程方式点击新的 dom 元素

javascript - 单击按钮时不调用 Jquery