如何取得元素的值

Question

<a onclick="merchandiseCzc('/front/merchandise/detail/FDM/CAN003066G/',1, '健胃消食片', 'CAN003066G', '浏览商品','_blank')" class="u_goods_tit" title="健胃消食片/0.5g*12s*3板 薄膜衣">
                                                <span class="m_tag m_tag_kw">
                                                            甲OTC
                                                </span>

                                            健胃消食片
                                                <span class="u_goods_spec" >/0.5g*12s*3板 薄膜衣 </span>
                                            </a>

如上面代码，jQuery如何只取得元素a的值"健胃消食片"?大佬请指点一下。

Answer 1

大概思路是这样：

//获取节点
var a = document.getElementById('aaa');
//打印节点，有dom节点，有文本节点
console.log(a.childNodes);
//遍历a， 取文本节点， 再取取到的文本节点的值
for(var i = 0; i < a.childNodes.length; i++) {
    if(a.childNodes[i].nodeType === 3) {
        console.log(a.childNodes[i].nodeValue);
    }
}

//写完以后发现我好像没用jQuery…  算了懒得改了你自己看着写吧…

Answer 2

这样的html，取值麻烦，为啥不考虑，给这个值加一个标签呢？这样取值以及加css修饰都比较方便，也可以在a标签里面，加一个属性的键值对，用来存这个……