标签: jquery-selectors

我有以下HTML:

<table id="MwDataList" class="data" width="100%" cellspacing="10px">
    ....

    <td class="centerText" style="height: 56px;">
        <input id="selectRadioButton" type="radio" name="selectRadioGroup">
    </td>

    ....
</table>

换句话说,我有一个几行的表,在最后一个单元格的每一行中我都有一个单选按钮.
如何获取所选单选按钮的父行？

我尝试过的:

function getSelectedRowGuid() {
    var row = $("#MwDataList > input:radio[@name=selectRadioGroup]:checked :parent tr");
    var guid = GetRowGuid(row);
    return guid;
}

但似乎这个选择器不正确.

如何使用jQuery选择所有应用了特定CSS属性的元素？例如:

.Title
{
    color:red;
    rounded:true;
}

.Caption
{
    color:black;
    rounded:true;
}

如何通过名为"圆形"的属性进行选择？

CSS类名非常灵活.

$(".Title").corner();
$(".Caption").corner();

如何将这两个操作替换为一个操作.也许是这样的:

$(".*->rounded").corner();

有没有更好的方法来做到这一点？

如何获取下面代码中单击项的索引？

$('selector').click(function (event) {
    // get index in collection of the clicked item ...
});

使用Firebug我看到了这个:( jQuery151017197709735298827: 2我点击了第二个元素).

通常,当我使用类作为选择器时,我尝试使用"id"选择器,因此它不会搜索整个页面,而只搜索类所在的区域.

但是我有一个部分视图,其中包含代码.此部分视图(公共代码)包含在表单标记周围.

我有:

<form id="Create">
// load common code in from partial view
</form>

<form id="Edit">
// load common code in from partial view
</form>

现在在这个通用代码中我需要将插件附加到多个字段,所以我会这样做

$('#Create .myClass').plugin({ options here});

$('#Edit .myClass').plugin({options here});

所以这几乎是相同的代码.我想知道是否有办法让它找到任何一个id？

编辑

当我的选择器有变量时,我遇到了问题

    my.selectors = 
    {
        A: '#Create',
        B: '#Edit',
        Plugin: ' .Plugin' 
    };

 $(selector.A+ selectors.Plugin, selector.B+ selectors.Plugin)

似乎没有运行.

例如,第一段代码是否会执行两次完整搜索,或者如果没有发生DOM更改,它是否足够智能以缓存结果？

if ($("#navbar .heading").text() > "") {
  $("#navbar .heading").hide();
}

和

var $heading = $("#navbar .heading");

if ($heading.text() > "") {
  $heading.hide();
}

如果选择器更复杂,我可以想象它是一个非平凡的命中.

我有这个HTML:

<table>
    <tr style="display:table-row"><td>blah</td></tr>
    <tr style="display:none"><td>blah</td></tr>
    <tr style="display:none"><td>blah</td></tr>
    <tr style="display:table-row"><td>blah</td></tr>
    <tr style="display:table-row"><td>blah</td></tr>
</table>

我需要计算该行数不有display:none.我怎样才能做到这一点？

我有这个布局:

<div id="sectors">
    <h1>Sectors</h1>
    <div id="s7-1103" class="alpha"></div>
    <div id="s8-1104" class="alpha"></div>
    <div id="s1-7605" class="beta"></div>
    <div id="s0-7479"></div>
    <div id="s2-6528" class="gamma"></div>
    <div id="s0-4444"></div>
</div>

使用这些CSS规则:

#sectors {
    width: 584px;
    background-color: #ffd;
    margin: 1.5em;
    border: 4px dashed #000;
    padding: 16px;
    overflow: auto;
}

#sectors > h1 {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
}

#sectors > div {
    float: left;
    position: relative;
    width: 180px;
    height: 240px;
    margin: 16px 0 0 16px;
    border-style: solid;
    border-width: 2px;
}

#sectors > div::after {
    display: block;
    position: absolute; …

我正在尝试在类为myClass1或myClass2的元素中查找文本.

var myText = $(this).find('.myClass1:first').text();

这工作正常,但我不确定是否/如何检查2个类中的一个(我的元素将只有我提到的这两个类中的一个类).

谢谢你的帮助!

我有一个问题,运行在chrome中的函数在Safari中正常工作,两个webkit浏览器......

我需要在Chrome的函数中自定义变量,但不能为Safari自定义变量.

遗憾的是,我一直在使用它来检测它是否是一个webkit浏览器:

if ($.browser.webkit) {

但我需要检测:

if ($.browser.chrome) {

有没有办法写一个类似的声明(上面一个的工作版本)？

我在使用变量作为我想要采取行动的段落的选择器时遇到问题.具体来说,我有几个标题元素和相同数量的段落.期望的结果是,如果我点击Title1然后我对第1段采取行动.我为开发目的做了一个简单的例子,如果我点击一个标题,那么相应段落的文字会改变颜色.如果我对其解决方案进行硬编码,但是当选择器失败时传入变量.

jQuery如下:

    jQuery(document).ready(function($){
       $(this).click(function(){

        var target=(event.target.id);// Get the id of the title on which we clicked. We will extract the number from this and use it to create a new id for the section we want to open.
        alert(target);// checking that we are getting the right value.
        var openaddress=target.replace(/click/gi, "section");//create the new id for the section we want to open.
        alert('"#'+openaddress+'"');//Confirm that the correct ID has been created
        $('"#'+openaddress+'"').css( "color", "green" );//get the id of the click element and set …