1

以下の HTML コードがあり、text = 'Complaint'; の属性値のラベルを取得する必要があります。スパン内のアイテムが動的にロードされているため、これを行う適切な方法が見つかりませんでした。したがって、生成された ID で値を取得することはできないため、ラベルを使用して ID を見つける必要があります。そのラベルが存在する場合<label for="CSSMLCall_call_outcome_types_1">Complaint</label>。attrvalを取得する必要があります。

これはJqueryでできることですか？

<span id="CSSMLCall_call_outcome_types">
<input type="checkbox" name="CSSMLCall[call_outcome_types][]" value="5238" class="session_outcome_chk_list" id="CSSMLCall_call_outcome_types_0"> 
<label for="CSSMLCall_call_outcome_types_0">Client didn’t engage</label>
<input type="checkbox" name="CSSMLCall[call_outcome_types][]" value="4287" class="session_outcome_chk_list" id="CSSMLCall_call_outcome_types_1"> 
<label for="CSSMLCall_call_outcome_types_1">Complaint</label>

</span>

の代わりに$("#CSSMLCall_call_outcome_types_4").is(":checked")、ラベルを使用して ID を検索し、同じことを行う必要があります。

迅速な返信は、かなりのハイライトです。

4

5 に答える 5

2

私はお勧めします：

var id = $('label').filter(function(){
             return $(this).text().trim() == 'Complaint';
         }).attr('for');

参考文献:

于 2013-06-18T10:44:44.680 に答える
1 
var id = $('label:contains("Complaint")').attr('for');
于 2013-06-18T10:44:25.347 に答える
0

POJS で記述された jquery を使用する代わりの方法を次に示します。

HTML

<span id="CSSMLCall_call_outcome_types">
<input type="checkbox" name="CSSMLCall[call_outcome_types][]" value="5238" class="session_outcome_chk_list" id="CSSMLCall_call_outcome_types_0"> 
<label for="CSSMLCall_call_outcome_types_0">Client didn’t engage</label>
<input type="checkbox" name="CSSMLCall[call_outcome_types][]" value="4287" class="session_outcome_chk_list" id="CSSMLCall_call_outcome_types_1"> 
<label for="CSSMLCall_call_outcome_types_1">Complaint</label>
</span>

Javascript

/*jslint maxerr: 50, indent: 4, browser: true */
/*global console, jQuery, $ */

(function () {
    "use strict";

    function walkTheDOM(node, func) {
        if (node && node.nodeType) {
            if (typeof func === "function") {
                func(node);
            }

            node = node.firstChild;
            while (node) {
                walkTheDOM(node, func);
                node = node.nextSibling;
            }
        }
    }

    function escapeRegex(string) {
        return string.replace(/[\[\](){}?*+\^$\\.|]/g, "\\$&");
    }

    function filterElementsByContains(elements, string) {
        var toStringFN = {}.toString,
            text = toStringFN.call(elements),
            result,
            length,
            i,
            element;

        if (text !== "[object NodeList]" && text !== "[object Array]" && !($() instanceof jQuery)) {
            return result;
        }

        result = [];
        if (typeof string === "string") {
            string = new RegExp("^" + escapeRegex(string) + "$");
        } else if (toStringFN.call(string) !== "[object RegExp]") {
            return result;
        }

        function getText(node) {
            if (node.nodeType === 3) {
                text += node.nodeValue;
            }
        }

        length = elements.length;
        i = 0;
        while (i < length) {
            text = "";
            element = elements[i];
            walkTheDOM(element, getText);
            if (string.test(text)) {
                result.push(element);
            }

            i += 1;
        }

        return result;
    }

    function getAttribute(node, attribute) {
        var undef;

        if (!node || !node.nodeType || !attribute || typeof attribute !== "string" || !node.attributes || node.attributes[attribute] === undef) {
            return undef;
        }

        return node.attributes[attribute].nodeValue;
    }

    var labels = document.getElementsByTagName("label");

    console.log(getAttribute(filterElementsByContains(labels, "Complaint")[0], "for"));
    console.log(filterElementsByContains(labels, "C"));
    console.log(filterElementsByContains(labels, /C/));
    console.log(filterElementsByContains(labels, /client/i));
    console.log(filterElementsByContains(labels, "Client"));
    console.log(filterElementsByContains($("label"), /Client/));
}());

出力

CSSMLCall_call_outcome_types_1
[]
[label, label]
[label]
[]
[label]

jsfiddleについて

これらの関数を使用するNodeListと、Array、要素の 、またはjQueryオブジェクトをelementsパラメーターとして指定できます。stringパラメータは、文字列または正規表現のいずれかです。

指定された文字列または一致した正規表現の完全一致を含むフィルター処理された要素の配列を返します。

:containsこれは、テキストが選択した要素内に直接含まれているかどうかによってのみフィルタリングできるjqueryセレクターよりも強力/柔軟であると思います。

これらの関数はクロス ブラウザー フレンドリーである必要がありますが、すべてのブラウザーや考えられるすべての条件をテストすることはできません。

jquery メソッドとこの回答を比較できるように、 jsperfも作成しました。

とにかく、私はこの代替手段をあなたと共有したいと思っていました.

于 2013-06-18T14:01:31.003 に答える
0

試す

var id = $('label[for]').filter(function(){
    return $.trim($(this).text()) == 'Complaint'
}).attr('for')
于 2013-06-18T10:45:22.633 に答える