标签: jquery-selectors

Sizzle和/或querySelectorAll - 嵌套元素的枚举顺序?

如果我有一组嵌套的DOM元素,例如ul > li > ul > li我自己使用选择器li,那么做Sizzle还是document.querySelectorAll定义元素返回的顺序?

可能返回的订单包括"最顶层的第一个","叶节点优先",或者只是"按文档顺序",但我从未见过任何记下来指定哪个.

jquery dom jquery-selectors sizzle selectors-api

-1
推荐指数
1
解决办法
523
查看次数

jQuery +循环在jsfiddle中不起作用

我有以下脚本,我似乎无法在jsfiddle中工作:

我不明白为什么这不起作用?

var $widget = $("<div class='widget widget_" + i + "'>").appendTo( $(".column_" + j );
$("<div class='widget_header widget_header_" + i + "'>").appendTo( $widget );
$("<div class='widget_sub_header widget_sub_header_" + i + "'>").appendTo( $widget );
$("<div class='widget_content widget_content_" + i + "'>").appendTo( $widget );
$("<div class='widget_footer widget_footer_" + i + "'>").appendTo( $widget );
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui jquery-selectors jquery-ui-sortable

-1
推荐指数
1
解决办法
165
查看次数

使用jQuery,有条件地改变跨度的最快方法是什么?

我在网页上有很多项目,如下所示:

<span id="Joe" class="Status">Pending</span>
<span id="Bill" class="Status">Completed</span>
<span id="Jonh" class="Status">Pending</span>
<span id="Scott" class="Status">Started</span>
Run Code Online (Sandbox Code Playgroud)

我想要一些jquery来改变每个具有"待定"的html()的跨度,然后将其更改为"已启动"或将其更改为该特定跨度的Id

作为选择器获得具有特定html值的所有跨度然后更改它们的最佳方式是什么?

jquery jquery-selectors

-1
推荐指数
1
解决办法
217
查看次数

javascript和jquery选择并获取值和属性

请帮助我选择并获取我的选项及其属性的值.

这里是我的示例代码:

HTML ----

<div class="cart">
    <select class="a">
        <option value="1" prodID="12354">1</option>
        <option value="2" prodID="11364">2</option>
        <option value="3" prodID="16352">3</option>
    </select>
</div>
Run Code Online (Sandbox Code Playgroud)

jq srcipt ----

$(".cart").on('change load', '.a select', function(){
    alert(//the value);
    alert(//the value of attribure prodID);
})
Run Code Online (Sandbox Code Playgroud)

预计会爆发:

if 1 is selected
    alert 1(value) and 12354(attr)

if 3 is selected alert 3 and 16352
Run Code Online (Sandbox Code Playgroud)

javascript jquery events jquery-selectors

-1
推荐指数
1
解决办法
42
查看次数

jQuery .each() 通配符 - 选择以特定字符串开头的类的所有元素

我正在制作不同的动画div(jQuery 和 jQuery UI),因此我创建了 、 、 等类slideinfadein并且我可以将它们应用到我需要制作动画的任何内容。在我的 Javascript 文件中,.each()运行一个循环来查找具有fadein或类的每个元素sidein

我想要做的是能够通过添加 类来选择动画需要多长时间fadein-x,其中x是它花费的毫秒数。例如:

.fadein-500- 元素将需要500几毫秒才能淡入

.slidein-1000- 元素将需要1000几毫秒才能滑入

使用.each()函数,我可以循环遍历具有特定类的元素,但是我可以循环遍历具有以特定字符串(如通配符)开头的类的所有元素吗?也许是这样的(*通配符在哪里):

$('.fadein-*').each(...)
Run Code Online (Sandbox Code Playgroud)

上面将选择具有该类的所有元素fadein-,然后我可以对类进行切片以获取时间,并应用动画。

所以,总而言之,这就是我想要的:

能够使用可自定义的时间对元素进行动画处理,而无需更改 Javascript 文件

如果还有其他方法可以完成我想做的事情,请告诉我!谢谢

注意:我需要这个的原因是因为我正在创建一个 Wordpress 主题,并且我将使用 PHP 来回显用户输入的时间。显然,我不想每次都以毫秒为单位创建 3000 个不同的类

另外,这个问题不一样,OP问的是不同的东西

html jquery animation css-selectors jquery-selectors

-1
推荐指数
1
解决办法
2719
查看次数

使用选择器使用jquery隐藏元素

1个问题1.说我有这个:

<body>
    <form>
        <h3>blah</h3>
        <table>
            <tr>
                <th>Input 1:</th>
                <td><input type="text" id="some-input-a" name="some-input-a" /></td>
            </tr>
            <tr>
                <th>Input 2:</th>
                <td><input type="text" id="other-input" name="other-input" /></td>
            </tr>
        </table>
        <h3>blah</h3>
        <table>
            <tr>
                <th>Input 3:</th>
                <td>
                    <select name="my-select" id="my-select">
                        <option value="1">My 1</option>
                        <option value="c">Your f</option>
                        <option value="m">This g</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>Input 4:</th>
                <td><input type="password" id="pass-input" name="next-input" /></td>
            </tr>
            <tr>
                <th>Input 5:</th>
                <td><input type="password" id="pass-confirm" name="pass-confirm" /></td>
            </tr>
        </table>
        <h3>blah</h3>
        <table>
            <tr>
                <th>Input 6:</th>
                <td><input type="text" id="next-one" name="next-one" /></td>
            </tr>
            <tr>
                <th>Input 7:</th>
                <td><input type="text" …
Run Code Online (Sandbox Code Playgroud)

jquery hide jquery-selectors

-2
推荐指数
1
解决办法
664
查看次数

Jquery获取与类名匹配的dom元素的属性值

我有一系列的html元素,如

<li id="1" class="jstree-unchecked jstree-open">
<li id="2" class="jstree-checked jstree-open">
<li id="3" class="jstree-unchecked jstree-open">
<li id="4" class="jstree-checked jstree-open">
<li id="5" class="jstree-checked jstree-open">
<li id="6" class="jstree-unchecked jstree-open">
<li id="7" class="jstree-undetermined jstree-open">
Run Code Online (Sandbox Code Playgroud)

我想要具有classname { jstree-checkedjstree-undetermined } 的元素的id .

我尝试过使用选择器,但是在JQuery中是否有linq方式?

你可以帮助jQuery看起来像什么?id列表可以用逗号分隔.

输出:"2,4,5,7"

html javascript jquery jquery-selectors

-2
推荐指数
1
解决办法
838
查看次数

JQuery选择器 - 获取点击的id的值

我有一组id元素:

<ul class='refine_checkbox'>
  <li id='check0' value='Large'><a href='#'>Large</a></li>
  <li id='check1' value='Medium'><a href='#'>Medium</a></li>
  <li id='check2' value='Medium'><a href='#'>Medium</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我的目标是让JQuery返回被点击的id的值.我可以回复id的'check'组,但我似乎无法返回值.

$(document).ready(function() { 

  $('[id^="check"]').each(function () {
      $(this).click(function () {
      alert("test")
      });
  });

}); 
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

jquery jquery-selectors

-2
推荐指数
1
解决办法
140
查看次数

jQuery为每组N个元素添加一个递增的类

我需要添加一个类(并使用其他值)到li并为每组4 li增加它.像这样:

这就是我所拥有的:

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
  <li>10</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

这就是我需要的:

<ul>
  <li class="group-1">1</li>
  <li class="group-1">2</li>
  <li class="group-1">3</li>
  <li class="group-1">4</li>
  <li class="group-2">5</li>
  <li class="group-2">6</li>
  <li class="group-2">7</li>
  <li class="group-2">8</li>
  <li class="group-3">9</li>
  <li class="group-3">10</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-selectors

-2
推荐指数
1
解决办法
2060
查看次数

[name ^ ="value"]中的值可以是变量吗?

我希望在这里使用这个选择器:http://api.jquery.com/attribute-starts-with-selector/

它表示它选择具有指定属性的元素,其值始于给定字符串.

这纯粹适用于匹配字符串,还是可以在"值"的位置使用与字符串匹配的值的变量?

jquery jquery-selectors

-2
推荐指数
1
解决办法
37
查看次数