[英]How to I get the text of my nested anchor tag using jQuery?
不用說,但我對 jQuery 非常陌生......
我有復選框列表,在用戶選擇了幾個復選框后,我正在嘗試構建一個 jquery 調用,該調用將檢索所選復選框的文本。 這就是我所擁有的...
我的復選框列表(這實際上是一個更長的列表)
<li><input type="checkbox" value="1099511627776" name="group[42][1099511627776]" id="mce-group[42]-42-0"><label for="mce-group[42]-42-0"><a class="screenshot" rel="images/pass1.png">Good Luck. Pass It On.</a></label></li>
<li><input type="checkbox" value="2199023255552" name="group[42][2199023255552]" id="mce-group[42]-42-1"><label for="mce-group[42]-42-1"><a class="screenshot" rel="images/pass2.png">You’re One Of The 8 Special Women...</a></label></li>
<li><input type="checkbox" value="4398046511104" name="group[42][4398046511104]" id="mce-group[42]-42-2"><label for="mce-group[42]-42-2"><a class="screenshot" rel="images/pass3.png" id="keep">Keep It Up</a></label></li>
我構建的 jQuery 腳本如下所示。 基本上我想檢索錨標記中的文本......祝你好運。 傳下去。,你是 8 位特殊女性之一……,堅持下去
<script type="text/javascript">
function displayVals() {
var selectData = $('input:checked').map(function() {
return "<p id='choice'>" + $('a.screenshot') + "</p>";
}).get().join('');
$("p.#you_selected").html(" <b>YOU HAVE CHOSEN:</b> <br>" + "<div id='choice_list'>" + selectData + "</div>" );
}
displayVals();
$(":checkbox").click(displayVals);
</script>
這是一個工作示例。 JS 看起來像這樣:
$(document).ready(function () {
$('input:checkbox').click(function () {
//alert('clicked');
var texts = new Array();
$('input:checked').each(function () {
texts.push($(this).siblings('label').children('a.screenshot').text());
});
alert(texts);
});
});
享受!
首先,您需要找到一個label
的for
屬性與選中的復選框的id
匹配,並找到它a
標簽文本:
function displayVals() {
var selectData = $('input:checkbox:checked').map(function(n, i) {
var text = $("label[for='" + i.id + "'] a").text();
return "<p id='choice'>" + text + "</p>";
}).get().join('');
$("p.#you_selected").html(" <b>YOU HAVE CHOSEN:</b> <br>"
+ "<div id='choice_list'>" + selectData + "</div>");
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.