javascript - jQuery 过滤方法

标签 javascript jquery jquery-plugins jquery-events

请帮我解决以下代码。我不明白。我必须在我的项目中使用这样的片段。

$('strong', this) <- 这部分我根本不清楚。

如果可能的话,请逐行解释整个代码。

<ul>
   <li><strong>list</strong> item 1 -
      one strong tag
   </li>
   <li><strong>list</strong> item <strong>2</strong> -
      two <span>strong tags</span>
   </li>
   <li>list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
   <li>list item 6</li>
</ul>

JavaScript:

$('li').filter(function(index) {
  return $('strong', this).length == 1;
}).css('background-color', 'red');

最佳答案

$('strong', this)是 jQuery 选择器 $(target, context)格式。

根据您的代码:

thisli$('strong', li)正在搜索<strong>那里面的li标签。

这个语句也可以写成:

$(this).find('strong')从 jQuery 库代码中您将看到:

$(target, context)格式内部实现

$(context).find(target)流程。

For more see here

关于javascript - jQuery 过滤方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12411466/

相关文章:

javascript - 如何使用 Angular.js 在单个类中添加多个条件

javascript - 使用 jQuery 更改 CSS 属性

javascript - JSON数组Tabulator js表

jquery - 具有可调整大小部分的页面布局(是否使用 Jquery、Rails 插件)

javascript - 在自定义 'alert' 或 'confirm' 框中,剩余代码在按“确定”之前执行

php - 如何从 Datatables jQuery 插件中提取过滤后的数据?

javascript - google.script.run.myFunction() 不会从客户端 HTML 脚本调用服务器 myFunction()

javascript - JQuery 循环遍历 javascript 函数内的输入元素

jquery - Zend framework 和 jQuery Mobile,无法导入 Javascript 和 CSS 文件

php - jquery ajax文件上传