在ul li span中查找jQuery元素

时间:2014-03-28 11:51:21

标签: javascript jquery

我有一个HTML结构:

<div title="" class="interestareascategories_chn chzn-container chzn-container-multi">
    <ul id="ul_deptType" class="chzn-choices">
        <li id="li_dept_1" ver="old" class="search-choice"> <span>DEV</span>    <a rel="3" class="search-choice-close" seq="1" href="javascript:void(0)"></a>

        </li>
        <li id="li_dept_2" ver="old" class="search-choice"><span>QA</span>  <a rel="3" class="search-choice-close" seq="2" href="javascript:void(0)"></a>

        </li>
        <li id="selD7J_chzn_c_3" class="search-choice"><span>sag</span>     <a class="search-choice-close" seq="0.19415735425269753" href="javascript:void(0)"></a>

        </li>
        <li class="search-field"><span contenteditable="true" style="width: 25px;"></span>

        </li>
    </ul>
</div>

如何仅在锚标记中获取具有seq属性的<{1}}?

8 个答案:

答案 0 :(得分:1)

您可以将下一个选择器用于特定的rel

var seq3 = $("a[rel='3']").attr("seq");   

要获得所有序列的总和,请使用next:

var sum = 0;
$.each($("a[rel='3']"), function(i, el)
                     {
                        sum += el.getAttribute("seq") | 0                         
                     })

答案 1 :(得分:1)

试试这个:

var anchor = $('a[rel][seq]'); // this only targets anchors which have these 
                               // rel and seq attributes.

你可以试试这个:

$('a[rel][seq]').on('click', function () {
    alert($(this).attr('seq'));
});

Fiddle

答案 2 :(得分:1)

var seq = $("a[rel]").attr("seq");

答案 3 :(得分:1)

这是一个相当简单明了的答案:

// gets all anchors with attribute rel and place their [seq] values into an array
var values = $.map($('a[rel]'), function(el){
  return el.getAttribute('seq');
});

console.log(values); // ["1", "2"] 

live code sample

答案 4 :(得分:0)

您想要具有rel属性的所有锚点的seq属性:

尝试这样:

    $("a.search-choice-close").each(function(){
        if($(this).attr('rel')) {
          alert($(this).attr('seq'));
        }
    })

或:

 $("a.search-choice-close[rel]").each(function(){
         alert($(this).attr('seq'));     
  })

demo fiddle1 demo fiddle2

答案 5 :(得分:0)

您可以对rel使用has attribute selector,并在所选元素上获取seq属性的值。

代码:

$('a[rel]').each(function(i,e){
    console.log($(this).attr('seq'))
});

演示:http://jsfiddle.net/IrvinDominin/VU3hr/

答案 6 :(得分:0)

jQuery(document).ready(function(){{
   var check=jQuery(".search-choice a ").attr("rel");
   if(check!="undefined")
   {
      var selVar=jQuery(this).attr("seq");
   }

})

你应该写一个这样的脚本,你也可以将所有“seq”值存储在一个数组中。

答案 7 :(得分:0)

您可以使用以下内容:

http://jsfiddle.net/U2s7f/1/

$("a[rel]").map(function(i, el) { return $(el).attr("seq"); })