1

10 項目の ul リストがあり、選択した li テキストを表示するラベルがあります。

ボタンをクリックすると、対応する番号を割り当てる必要があることがわかったときに、一致するものを見つけるためにすべてのリスト項目に対してラベルをチェックする必要があります。

いえ

リスト: メッシ クリスティアーノ ズラタン

リスト項目の隠し値: www.messi.com www.cronaldo.com www.ibra.com

レーベル: ズラタン

スクリプト (思考) プロセス: ラベル テキストを取得し、一致する文字列のリストを検索し、その文字列の値を取得します。

(そして、誰かがこれらの基本的な (?) ことを学ぶ方向に私を向けることができれば.

できるだけ具体的にしようとしました、ありがとう!

編集:明確でなくて本当にごめんなさい。

li はすべて動的にクラスを取得しています (.listitem)。リンクは配列または非表示フィールド (または非表示の他の ul) に格納できます。リンクがどこにあるかは実際には問題ではありません..

$('.listitem').click(function() {
$("#elname").text($(this).text());
$("#such").attr("href", $( this).attr('値'));
});

私はliが値を持つことを試みていましたが、liが値を持つことができないことに気付きました..

再度、感謝します!

4

2 に答える 2

2
<ul>
    <li title="www.messi.com">
        Messi 
    </li>
    <li title="www.cronaldo.com">
        Cristiano
    </li>
    <li title="www.ibra.com">
        Zlatan
    </li>
</ul>
<label id="selected"></label>
<br />
<br />
<input type="button" id="button" value="click" />

<script type="text/javascript">
    $(document).ready(function() {
        $("li").each(function(i) {
            $(this).click(function() {
                $("label").html($(this).html());
            });
        });

        $("#button").click(function() {
            alert($("li:contains(" + $("label").html() +")").attr("title"));
        });
    });
</script>

作業を簡素化するために、隠しフィールドの値を li 要素のタイトルに保存します。

于 2010-05-08T23:17:53.860 に答える
1

私はこれがうまくいくと思います:

var label = "Zlatan";
var url = ul.find("li")
    .filter(function(){return $(this).text() == label})
    .find("input[type=hidden]")
    .val();

(ここでは、li は非表示の値を持つことができないため、非表示の入力フィールドを意味していると思います)。

于 2010-05-08T22:42:15.440 に答える