标签: jquery-selectors

选择具有特定背景颜色的元素

我想spandivCSS中包含特定背景颜色的一堆s .我该如何实现这一目标?

css jquery jquery-selectors

28
推荐指数
1
解决办法
3万
查看次数

jQuery选择器中逗号的含义是什么?

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<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>

<script type="text/javascript">
$('li').filter(function(index) {
  return $('strong', this).length == 1;
}).css('background-color','red');
</script>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

鉴于上面的HTML,下面的选择器中逗号的含义是什么?

return $('strong', this).length == 2;
Run Code Online (Sandbox Code Playgroud)

如果我删除"强"这个词会怎么样?

javascript jquery jquery-selectors

28
推荐指数
1
解决办法
1万
查看次数

如何获取点击链接的文本值?

我在文档的不同部分有匹配的文本.第一个是表中的一组"标签",如下所示:

<div id="my-div">
  <div><a href="#">tag 1</a></div>
  <div><a href="#">tag 2</a></div>
</div>
Run Code Online (Sandbox Code Playgroud)

然后在文档的其他几个部分中,当我想要突出显示匹配链接时,我有一个隐藏元素,如下所示:

<div class="hide-me">tag 1</div>
Run Code Online (Sandbox Code Playgroud)

然后我的点击功能是这样的:

$('#my-div a').click(function() {
  var txt = $(this).text();
  console.log(txt);
});
Run Code Online (Sandbox Code Playgroud)

输出是一个空字符串,但我不知道为什么.

jquery jquery-selectors

28
推荐指数
1
解决办法
9万
查看次数

如何选择父类未指定类的元素?

我想隐藏一个元素,如果它的父元素没有某个类:

HTML

<li class="current_page_parent">
    <a href="parent.html">Parent</a>
    <ul class="children">
        <li>foo</li>
        <li>bar</li>
    </ul>
</li>
Run Code Online (Sandbox Code Playgroud)

jQuery的

jQuery("ul.children").hide();
Run Code Online (Sandbox Code Playgroud)

目前总是隐藏<ul class="children">不分类.我想关闭它只有父母是:not一个<li class="current_page_parent">.

我试过了:

jQuery("ul.children:not(:parent.current_page_ancestor)").hide();
Run Code Online (Sandbox Code Playgroud)

没有运气.

jquery jquery-selectors

28
推荐指数
3
解决办法
4万
查看次数

jQuery:contains(),但匹配一个确切的字符串

如标题中所述,我想找到类似:contains()但匹配精确字符串的东西.换句话说,它不应该是部分匹配.例如,在这种情况下:

<div id="id">
   <p>John</p>
   <p>Johny</p>
</div>
Run Code Online (Sandbox Code Playgroud)

$("#id:contains('John')")将同时匹配JohnJohny,而我想只匹配John.

提前致谢.

编辑: ES2015单线解决方案,万一有人找到它:

const nodes = [...document.querySelectorAll('#id > *')].filter(node => node.textContent === 'John');

console.log(nodes);
Run Code Online (Sandbox Code Playgroud)
/* Output console formatting */
.as-console-wrapper { top: 0; }
.as-console { height: 100%; }
Run Code Online (Sandbox Code Playgroud)
<div id="id">
  <p>John</p>
  <p>Johny</p>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-selectors

28
推荐指数
2
解决办法
2万
查看次数

jQuery - 选择表中的第二行?

如何<tr>使用jQuery 定位表中的第二个?我使用.closestnth-child

// something like this..
var MyLocation = $('.myclass').closest('tr').after('tr');   // fixed


<table class ='myclass'>
<tr>
  <td></td>
</tr>
   <!-- put some thing here -->
<tr>

</tr>
Run Code Online (Sandbox Code Playgroud)

jquery jquery-selectors

28
推荐指数
3
解决办法
7万
查看次数

jQuery选择器:选择两个元素,以及它们之间的所有元素

我在UL内部有一堆LI,每个都有一个唯一的ID.

给定两个ID,选择两个相应LI的最佳方法是什么,以及两者之间的所有LI?

谢谢!

jquery jquery-selectors

27
推荐指数
2
解决办法
2万
查看次数

jquery选择器在last-last之前

我有一个动态列表,需要选择前一项.

<ul class="album">
    <li id='li-1'></li>
    <!-- ... -->
    <li id='li-8'></li>
    <li id='li-9'></li>
    <li class='drop-placeholder'>drag your favorites here</li>
</ul>

var lastLiId = $(".album li:last").attr("id"); // minus one?
Run Code Online (Sandbox Code Playgroud)

jquery jquery-selectors

27
推荐指数
2
解决办法
3万
查看次数

jQuery第一个类型选择器?

我如何用jQuery 选择下面的第一个<p>元素<div>

<div>
    <h1>heading</h1>
    <p>How do I select this element with jQuery?</p>
    <p>Another paragraph</p>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-selectors

27
推荐指数
2
解决办法
3万
查看次数

使用jQuery获取特定图像元素的源代码

我有很多图像元素,并希望获得特定图像的来源,其中替代文本是"示例".

我试过这个:

var src = $('.conversation_img').attr('src');
Run Code Online (Sandbox Code Playgroud)

但我不能得到那个我需要的那个.

如何根据其替代文本选择特定图像元素?

jquery jquery-selectors

27
推荐指数
2
解决办法
12万
查看次数

标签 统计

jquery ×10

jquery-selectors ×10

javascript ×3

css ×1