标签: jquery-selectors

(jquery)停电整个屏幕并突出显示页面的一部分?

截至下面的截图.我很确定有人之前做过这件事!=)

圆圈是一个奖励,对于允许突出显示给定"div"的解决方案非常满意

只有部分屏幕突出显示

jquery jquery-ui jquery-plugins jquery-selectors

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

如何获取元素后的文本节点?

使用jQuery.我有以下html:

<input type="checkbox" name='something' value='v1' /> All the world <br />
Run Code Online (Sandbox Code Playgroud)

我怎么才能获得文本.我应该使用什么选择器?(我需要"全世界")

我也无法触摸HTML ...

javascript jquery jquery-selectors textnode

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

如何将jQuery选择器的表达式作为文本?

我有一个jQuery选择器,它具有链式功能.

在函数内部,我想访问表示选择器表达式的TEXT.

$("cat dog").function() {

    // how do I get access to the "cat dog" string from inside THIS function ?
};
Run Code Online (Sandbox Code Playgroud)

我在这个代码示例中简化了我实际想要做的事情.我正在编写一个插件,我需要访问已创建包装集的选择器.显然,在这个特殊的例子中,我可以访问"猫狗",因为我写了它.所以只是想象一下插件.

这对谷歌来说有点棘手.

编辑:遗憾的是,'selector'属性现已弃用.http://jquery.com/upgrade-guide/1.9/#selector-property-on-jquery-objects

jquery jquery-selectors

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

如何按值选择隐藏字段?

我有一个ASP.NET转发器生成的以下HTML:

<table>
  <tr>
    <td><input type="hidden" name="ItemId" id="ItemId" value="3" /></td>
    <td>Terry</td>
    <td>Deleted</td>
    <td>Low</td>
    <td>Jun 21</td> 
  </tr>
  <!-- rows repeat -->
</table>
Run Code Online (Sandbox Code Playgroud)

如何按值选择特定的隐藏字段,以便我可以操作旁边的列?

jquery jquery-selectors

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

jquery过滤有没有

好的,我有列表项,有些有跨度,有些没有.
在我的活动中,我想在他们还没有时添加跨度.

has()工作得很好,但not()两者都增加了跨度?

HTML:

<ul>
    <li>
        <p>item</p>
        <span class="spn">empty span</span>
    </li>
    <li>
        <p>item 2</p>
    </li>
<ul>
<hr>
<a class="add-span"href="#">check</a>
Run Code Online (Sandbox Code Playgroud)

JS:

$("a.add-span").click(function() {
    $("li").each(function(index) {
        // $(this).has("span").find("span").append(" - appended");
        $(this).not("span").append('<span class="spn">new span<\/span>');
    })    
})
Run Code Online (Sandbox Code Playgroud)

jquery filtering jquery-selectors

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

jQuery - 相当于each(),但是对于单个元素

每个()的jQuery等价物是什么:

$(".element").each(function(){  
  // do stuff
});
Run Code Online (Sandbox Code Playgroud)

将函数附加到单个元素时,如#element

javascript jquery jquery-selectors

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

使用jQuery搜索HTML字符串

如果我运行此代码 -

var html= '<html><head></head><body><div class="bar"></div></body></html>';
console.log($(html).find('div'));
Run Code Online (Sandbox Code Playgroud)

如果我运行此代码,我没有返回任何结果 -

var html= '<html><head></head><body><div><div class="bar"></div></div></body></html>';
console.log($(html).find('div'));
Run Code Online (Sandbox Code Playgroud)

然后我得到一个返回的结果 - 内部div(<div class="bar"></div>).我原本期望第一个代码片段返回单个结果,第二个代码片段返回两个结果.

同样,此代码不返回任何结果 -

var code = $("<div id='foo'>1</div><div id='bar'>2</div>");
console.log(code.find('div'));
Run Code Online (Sandbox Code Playgroud)

但是这段代码警告'div'两次 -

var code = $("<div id='foo'>1</div><div id='bar'>2</div>");
code.each(function() {
    alert( this.nodeName );
})
Run Code Online (Sandbox Code Playgroud)

鉴于第二个片段的结果,我原本期望第一个代码片段返回两个结果.有人可以解释为什么我得到的结果我得到了吗?

http://jsfiddle.net/ipr101/GTCuv/

javascript jquery jquery-selectors

31
推荐指数
3
解决办法
5万
查看次数

jQuery - html字符串上的选择器

我将从一个带有jQuery的html字符串中获取一个元素,但我总是在我的控制台中得到一个未定义的元素.我的字符串是:

<td class="test">asd</td><td class="second">fgh</td><td class="last">jkl</td>
Run Code Online (Sandbox Code Playgroud)

我想获得td.test.

我测试过:

console.log($('.test', '<td class="test">asd</td><td class="second">fgh</td><td class="last">jkl</td>').innerHTML);
console.log($('.test', '<td class="test">asd</td><td class="second">fgh</td><td class="last">jkl</td>').html());
console.log($('.test', '<td class="test">asd</td><td class="second">fgh</td><td class="last">jkl</td>').first().innerHTML);
Run Code Online (Sandbox Code Playgroud)

还有一些,但没有任何作用:/

有谁知道我的问题的解决方案?

html string jquery jquery-selectors

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

jQuery parent().("selector")

我有这个HTML代码:

<tr>
  <td><input type="checkbox" class="chk" /></td>
  <td><div class="disabled">text to hide 1</div></td>
  <td><div class="disabled">text to hide 2</div></td>
</tr>
Run Code Online (Sandbox Code Playgroud)

我正在使用jQuery来隐藏所有class="disabled"项目:

$("div.disabled").hide() ;
Run Code Online (Sandbox Code Playgroud)

当我单击同一行(tr)中的复选框时,我想显示禁用的div.我试过了

$("input.chk").click(function(){
  $(this).parent().parent().(".disabled").show();
}) ;
Run Code Online (Sandbox Code Playgroud)

但它不起作用.

jquery jquery-selectors

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

与jQuery进行部分匹配?

我想找到id包含所有输入框_date

我的代码是这样的:

<input type="text" name="creation_date" id="id_creation_date" />
Run Code Online (Sandbox Code Playgroud)

我可以使用正则表达式吗?我是否需要为正则表达式安装额外的东西才能使用jQuery?

jquery jquery-selectors

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