1

dom要素のテキストを特定の値に変更する関数があります。たとえば、次のテキストを変更します。

<a id="btnAdd" href="#" onclick='Persist()' data-role="button" data-icon="plus">Persist</a>

このコードを使用する必要があります：

domElement.find('.ui-btn-text').text('testing');

ご覧のとおり、電話する必要があります.find('.ui-btn-text')。'data-role'（この場合は'button'）を決定して、正しい "thing"（例：'.ui-btn-text'）を使用できるようにする方法はありますか？これは次のように呼ばれると思いますCSSクラス？、わかりません。

未完成の機能：

        function SetDomElementText(elementId, value) {
            //get the domElement
            var domElement = $('#' + elementId);

            //check if it exists
            if (domElement.length === 1) {

                switch(domElement.get(0).tagName.toLowerCase()) {
                    case 'label':
                        domElement.text('testing');
                        break;
                    case 'a': //link
                        //I need to determine what the data-role is here.
                        domElement.find('.ui-btn-text').text('testing');
                        break;
                }
            }
        }
4

1 に答える 1

4

他のHTML属性を取得するのと同じように取得できます。

var datarole = $(selector).attr('data-role');

または、jQueryはdata-*属性値も自動的に取得するため、次の方法でアクセスできます.data()。

var datarole = $(selector).data('role');  // data-role
于 2012-06-21T11:49:18.557 に答える