从标记中获取值而不使用id或class

时间:2015-09-18 07:01:23

标签: javascript jquery html

<div class="typeahead-result">
    <ul class="typeahead-list">
      <li>
        <a data-index="0" data-group="Restaurant" href="javascript:;"><strong>Cafe</strong> Hollywood <small style="color:#999;">Restaurant</small></a>
      </li>
      <li>
        <a data-index="1" data-group="Estb" href="javascript:;"><strong>cafe</strong><small style="color:#999;">Estb</small></a>
      </li>
    </ul>
</div>

此处我的<a>标签的文字值为&#34; Cafe Hollywood&#34; ,我希望其data-group="?"

4 个答案:

答案 0 :(得分:2)

您可以使用:

$('[data-group="Estb"] small').text();

答案 1 :(得分:0)

而不是#box { width:90%; height:auto; border:5px solid green; } .left { float:left; width:30%; } .right { float:right; width:30%; } .middle { float:left; width:30%; } ,您可以使用<small>

然后你就可以在你的javascript中调用span了。是的,您的版本有点短,但从长远来看,您希望避免使用<span id="spanId" style="font-size:small">等已弃用的标签,因为这样的问题

答案 2 :(得分:0)

试试这个

alert($("li").eq(1).find("a").attr("data-group"));

答案 3 :(得分:0)

是的,您可以直接获取每个small代码的值,如下所示:

var my_small_value;
$('li').getChildren().find('small').click(function(){

        my_small_value = this.text();
        alert(my_small_value);
});