[英]How to take the values inside a div element , remove the <br> and turn the values into array with JavaScript ,no Jquery please
[英]How do I remove a string of text inside a div after a br with jquery/javascript?
我一直在尝试删除每个div中<br>
之后出现的可变生产定价(从生成的列表中)。 这里是:
<div class="p-name">
<a href="somelink.html" class="TLink">Product Name<br>$1.91</a>
</div>
<div class="p-name">
<a href="somelink2.html" class="TLink">Product Name2<br>$55.91</a>
</div>
我努力了:
$('.p-name').nextAll('br').remove();
和
$(".p-name").nextAll().remove();
价格范围从$ 0.00到$ 40,000.00
有什么帮助吗? 我应该改用Javascript吗?
每个锚标记具有三个子节点:text + br + text。
要删除br + tx,您可以执行以下操作:
$('.p-name').find('a').each(function(index, element) { element.childNodes[1].remove(); element.childNodes[1].remove(); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="p-name"> <a href="somelink.html" class="TLink">Product Name<br>$1.91</a> </div> <div class="p-name"> <a href="somelink2.html" class="TLink">Product Name2<br>$55.91</a> </div>
另一种选择是使用substr
重设每个a
的内容
$(".p-name a").each(function() { var content = $(this).html(); $(this).html(content.substr(0,content.indexOf('<br>'))); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="p-name"> <a href="somelink.html" class="TLink">Product Name<br>$1.91</a> </div> <div class="p-name"> <a href="somelink2.html" class="TLink">Product Name2<br>$55.91</a> </div>
您可以将<br>
元素作为目标,然后将其后的任何同级作为目标,然后将其全部删除,这样就不会计算出textnode,这可能是不可靠的
$('.TLink br').each(function(_, el) { var els = []; while (el = el.nextSibling) els.push(el); $(els).remove(); }).remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="p-name"> <a href="somelink.html" class="TLink">Product Name<br>$1.91</a> </div> <div class="p-name"> <a href="somelink2.html" class="TLink">Product Name2<br>$55.91</a> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.