javascript

java

python

c#

android

c++

node.js

php

reactjs

jquery

html

css

ios

.net

git

ruby-on-rails

sql

c

string

ruby

javascript-获取元素的jQuery选择器

用伪代码,这就是我想要的。

var selector = $(this).cssSelectorAsString(); // Made up method...
// selector is now something like: "html>body>ul>li>img[3]"
var element = $(selector);

原因是我需要将此传递给外部环境,在该环境中,字符串是我交换数据的唯一方法。 然后,该外部环境需要将结果以及要更新的元素一起发送回去。 因此,我需要能够为页面上的每个元素序列化唯一的CSS选择器。

我注意到jquery具有selector方法,但在这种情况下似乎不起作用。 仅当对象是使用选择器创建的时才有效。 如果该对象是使用HTML节点对象创建的,则它不起作用。

trans by 2020-07-13T18:44:22Z

JavaScript(或jQuery)是否有“具有重点”?

有什么我可以做的(也许通过插件)吗

if ( ! $('form#contact input]').hasFocus()) {
  $('form#contact input:first]').focus();
}

基本上,将焦点设置为第一个输入,但前提是用户尚未单击任何内容?

我知道这也可以,但是还有什么更优雅的方法吗?

$(function() {
  var focused = false;
  $('form#contact input]').focus(function() {
    focused = true;
  }); 
  setTimeout(function() {
    if ( ! focused) {      
      $('form#contact input:first]').focus();
    }
  }, 500);
});
trans by 2020-07-09T09:26:24Z

html-jQuery匹配多个属性

我有以下标记,我想选中@name='Foo'单选按钮。

<ul>
    <li><input type="radio" value="All" name="Foo"/>All</li>
    <li><input type="radio" value="New" name="Foo"/>New</li>
    <li><input type="radio" value="Removed" name="Foo"/>Removed</li>
    <li><input type="radio" value="Updated" name="Foo"/>Updated</li>
</ul>

我想通过属性进行匹配,但是我需要在@name='Foo'@value='All'这两个属性上进行匹配。

像这样:

$("input[@name='Foo' @value='all']").attr('checked','checked');

有人可以证明如何做到这一点吗?

trans by 2020-07-08T13:05:25Z

javascript-jQuery选择器中的“上下文”是什么?

之间有什么区别

$('input.current_title', '#storePreferences').prop('disabled', false);

$('#storePreferences input.current_title').prop('disabled', false);

?

trans by 2020-07-06T10:22:57Z

jQuery UI选项卡。 如何根据其ID而不是基于索引选择选项卡

我有两个标签,并使用jQuery UI进行配置。

ul  class="tabs"
  li  tabone
  li tabtwo
ul

从C#代码后面动态地隐藏或选择一些选项卡,让我们说tabtwo并且其他标签必须隐藏或不显示。 我可以使用.tabs({selected:1});.tabs(disable:0).在JavaScript中进行此操作,但我不想使用tab索引来这样做。

是否有其他选项卡可以根据名称/ ID选择选项卡?

trans by 2020-06-30T06:32:30Z

jQuery-:not()中的多个选择器?

我似乎无法完成以下工作:

$('input:not([type=radio][type=checkbox])').live('click', function() {
    alert("You haven't clicked a radio or checkbox!");
});

尝试了几种不同的语法,有人可以帮助我解决这一问题。

干杯
查理

trans by 2020-06-27T19:52:37Z

如何从jQuery中的当前元素开始选择下一个“ n”个元素?

如何从当前元素开始选择下一个“ n”个元素? 我的意思是...

 $(this).attr(...);

我想做“ n”次。 对于n = 4的示例:

$(this).attr(...);
$(this).next().attr(...);
$(this).next().next().attr(...);
$(this).next().next().next().attr(...);

或循环执行:

for (i = 0; i < n; i++) {
    $(this).next().attr(...);
}

我怎样才能做到这一点? 有没有一种方法可以通过选择下一个“ n”个元素或循环来实现?

trans by 2020-06-27T15:11:56Z

jQuery查找与上下文选择

具有以下html代码段

<div class="something">
    <p>Some text</p>
</div>
<div class="somethingElse">
    <p>some other text</p>
</div>

我认为以下jquery代码段是相同的(将具有相同的结果):

$(".something").find("p").css("border", "1px solid red");

$("p", ".something").css("border", "1px solid red");

我的问题是,一个摘要是否比另一个摘要好,应该使用

trans by 2020-06-20T04:29:33Z

父级风中的jQuery select元素

有没有一种方法可以使用jQuery在父窗口中选择DIV?

例如:

主页包含此内容,

<div id="testdiv"></div>

弹出页面具有一个带有一些选项和“应用”按钮的表单。 当用户单击“应用”时,它将影响主页上的样式属性。

遵循以下逻辑:

parent.$("#testdiv").attr("style", content from form);
trans by 2020-06-17T14:43:48Z

jQuery-如何使用:not选择器忽略多个类?

我在下面有一个选择器,它忽略了任何具有类show-all-boxesli

$('.boxes li:not([class="show-all-boxes"]) input:checkbox')

添加选择器将忽略的多个类的最佳方法是什么? 我认为可行的一个示例,但没有奏效:

$('.boxes li:not([class="show-all-boxes, show-all-circles, show-all-triangles"]) input:checkbox')
trans by 2020-06-17T00:53:37Z

jQuery-在与单击的元素相同的行中获取表单元格的文本值

我单击表格单元格中的链接。 我需要获取同一表行中特定单元格的值。

<tr>
    <td class="one">this</td>
    <td class="two">that</td>
    <td class="three">here</td>
    <td class="four"><a href="#">there</a></td>
</tr>
<tr>
    <td class="one">qwqw</td>
    <td class="two">dfgh</td>
    <td class="three">ui</td>
<td class="four"><a href="#">there</a></td>
</tr>

我将点击处理程序附加到第四个单元格中的链接。 该单击处理程序将调用一个打开模式窗口的函数。 提交模态中的表单时,我还想从单击链接到该模态的行中传递td class =“ two”的值。

这是发送模态的函数(问题区域正在为var Something获取正确的值):

var Send = function() {
    var Name = $( '#name' ).val();
    var Something = $(this).closest('td').siblings('.two').text(); // version 1. doesn't work
    var Something = $(this).closest('tr').siblings('td.two').text(); // version 2 also doesn't work
    var Something = $(this).attr('class'); // version 3. just a test but also doesn't work
    $.ajax( {
        async: false,
        data: { name: Name, somedata: Something },
        type: 'POST',
        url: the url
    });        
};

问题是我无法获得Something的正确值。 在与clicked元素相同的行中,其值为td class = two。

这一切在一起的方式是。 单击目标链接,该链接将调用一个名为Send_Click()的方法。 Send_Click会进行一些验证,然后调用Send(),但是从不填充Something的值。 这是因为this不是我想的吗? je!

trans by 2020-02-22T03:47:25Z

jQuery:选择祖父母

有没有更好的方法来选择jQuery中的祖父母元素以避免这种情况?

$(this).parent().parent().parent().parent().parent().children(".title, .meta").fadeIn("fast");

谢谢。

trans by 2020-02-07T09:47:38Z

class-jQuery:选择器(带空格的类名)

我试图得到一个具有“ panel current”作为类名的div。问题是空间-如何选择它?

trans by 2020-02-06T04:01:12Z

jQuery的:动画滚动

我对jQuery很陌生,似乎无法弄清楚为什么我的代码无法正常工作。 我有一个水平布局,想使用scrollLeft()函数(与此代码完美配合)

$("#next").click(function() {
    currentElement = currentElement.next();
    scrollTo(currentElement);    
});

function scrollTo(element) {
    $(window).scrollLeft(element.position().left);
}

但理想情况下,我想对此进行动画处理,以便在单击#next时向左滚动功能产生很好的动画效果

$("#next").click(function() {
    currentElement = currentElement.next();
    scrollTo(currentElement);    
});

function scrollTo(element) {
    $(window).animate({scrollLeft: element.position().left}, 750);
}

但无济于事。 我究竟做错了什么?

trans by 2020-01-30T11:49:38Z

javascript-$(window).width()与$(document).width()之间的区别

jQuery中的$(window).width()$(document).width()之间的主要区别是什么?窗口是否表示浏览器而文件是否表示html页面的主体? 我对么 ?

trans by 2020-01-26T23:26:45Z

Javascript-是否有jQuery选择器/方法来查找特定的父级元素?

考虑以下HTML。 如果我有对<button>元素的JSON引用,在两种情况下如何获取对外部<tr>元素的引用

<table id="my-table">
    <tr>
        <td>
            <button>Foo</button>
        </td>
        <td>
            <div>
                <button>Bar</button>
            </div>
        </td>
    </tr>
</table>

<script type="text/js">
    $('#table button').click(function(){
        //$(this).parent().parent() will work for the first row
        //$(this).parent().parent().parent() will work for the second row
        //is there a selector or some magic json one liner that will climb
        //the DOM tree until it hits a TR, or do I have to code this myself
        //each time?            
        //$(this).????
    });
</script>

我知道我可以对每种情况进行特殊处理,但是我更感兴趣的是“无论碰到多深,爬树直到找到元素X”。 这样的东西,但更多的jQuery喜欢/较少冗长

var climb = function(node, str_rule){
    if($(node).is(str_rule)){
        return node;
    }
    else if($(node).is('body')){
        return false;
    }
    else{
        return climb(node.parentNode, str_rule);
    }
};  

我知道parent(expr)方法,但是从我所看到的是,您可以向上过滤父母,并且在找到expr之前不要爬树(我喜欢代码示例证明我错了)

trans by 2020-01-22T04:27:27Z

javascript-如何使用jQuery选择空输入(value =“”)

我如何检查节中(required)输入字段的空值,然后使用jQuery在事件中向它们添加一个类? 到目前为止,我已经尝试过:

jQuery("#sender_container input.required").val("").addClass("error");

但这似乎是设置值,而不是检查它。 有任何想法吗?

trans by 2020-01-17T06:52:13Z

jQuery-获取除第一行和最后一行以外的所有行

我想将一个类动态添加到表的所有行,除了第一行和最后一行。 我如何做到这一点而无需将CSS类分配给行以标识它们。 除了第一行外,我正在获得所有

$("#id").find("tr:gt(0)")

我需要将此与not("tr:last")结合起来,也许呢?

trans by 2020-01-14T17:12:56Z

javascript-jQuery单一选择器与.find()

从性能角度来看,哪个更好:

$(".div1 h2, .div1 h3")

要么

$(".div1").find("h2, h3")
trans by 2020-01-04T18:53:37Z

jQuery选择器值转义

我有一个包含一系列选项的下拉列表:

<select id=SomeDropdown>
  <option value="a'b]&lt;p>">a'b]&lt;p></option>
  <option value="easy">easy</option>
<select>

注意,选项值/文本包含一些讨厌的东西:

  • 单引号
  • 右方括号
  • 转义的html

我需要删除a'b] <p>选项,但是写选择器没有运气。 都不:

$("#SomeDropdown >option[value='a''b]&lt;p>']");

要么

$("#SomeDropdown >option[value='a\'b]&lt;p>']");

正在返回该选项。

使用“ value =“选择器时,转义值的正确方法是什么?

trans by 2019-12-30T03:10:17Z

1 2 3 4 5 6 下一页 共6页