Jquery使用通配符查找

时间:2012-02-07 15:24:02

标签: jquery

我需要使用通配符找到以图表开头的div的id:

所以,给定以下DOM

<div id="box5" class="box-container">
    <div class="inner-box wide">
        <div class="top-box handle">Some content</div>
        <div class="chart"><div id="chart1_div">A chart</div></div>
    </div>
</div>

我的猜测是。

 var $elementToFind = $("[id^=chart]");
 var found = $('div#box5').find($elementToFind).attr('id');
 alert(found);

但似乎没有效果。

感谢您的帮助,

5 个答案:

答案 0 :(得分:5)

var found = $('div#box5').find("[id^=chart]").attr('id');
alert(found);

应该有用。

答案 1 :(得分:1)

试试这个。

$("#box5").find("[id^='chart']").attr("id");

答案 2 :(得分:0)

var found = $('div#box5').find('div[id^=chart]');
alert(found);

代码:http://jsfiddle.net/KQ9fR/4/

答案 3 :(得分:0)

尝试此选择器;

$('#box5 div[id^="chart"]')

参考; http://api.jquery.com/attribute-starts-with-selector/

答案 4 :(得分:0)

您的代码似乎在jQuery 1.7.1中正常工作:

请看看这个jsFiddle。你的文件中的代码准备好了吗?

http://jsfiddle.net/HYr2V/