jQuery找不到自定义标签

时间:2013-07-04 00:13:19

标签: javascript jquery html

我有几个自定义标签的HTML。我想找到除了两个以外的所有(' start',' end')并打开它们。当我搜索文档中的内容时,jQuery.find()似乎只找到这些自定义标记,而不是在搜索jQuery对象时。我究竟做错了什么?

小提琴应该是不言自明的:

http://jsfiddle.net/hpNN3/2/

这里是javascript部分:

var raw = $('pre').html();
var html = $(raw);
var starts = html.find('start');
var spans = html.find('span');

//this returns nothing
console.log(starts)
// works - can find in object
console.log(spans)
//this works
console.log($('start'));


//only picks up spans, not annotations
// I want this to return the innerHTML of the pre, stripping all tags except for 'start' and 'end' -- but retain the contents of those tags.
var cleaned = html.find(':not(start, end)').each(function() {
    $(this).contents().unwrap();
});

console.log(cleaned);

$('#clean').html(cleaned)

以及HTML的一个示例:

<span class="ng-scope">CTAGCTCTCTGGAGATTAACGAGGAGAAATACTAGAtTGGTTCAT</span>
<start feat="1" class="ng-scope"></start>
<annotation index="1" class="ng-isolate-scope ng-scope" style="background-color: rgb(238, 153, 238); background-position: initial initial; background-repeat: initial initial;">
    <span tooltip="Another Promoter" tooltip-placement="mouse" tooltip-append-to-body="true" ng-transclude="" class="ng-scope">
        <span class="ng-scope">GATCATAAgcttgaat</span>
    </span>
</annotation>
<end feat="1" class="ng-scope"></end>
<span class="ng-scope">tagccaaacttatt</span>

应该是:

CTAGCTCTCTGGAGATTAACGAGGAGAAATACTAGAtTGGTTCAT<start feat="1" class="ng-scope"></start>GATCATAAgcttgaat<end feat="1" class="ng-scope"></end>tagccaaacttatt

由于

1 个答案:

答案 0 :(得分:3)

你的问题在于你的初始变量:

var raw = $('pre').html();
var html = $(raw);

这会转换为var html = $($('pre').html()),它与任何元素都不匹配。原因是,由于选择器前面没有#.,因此它正在寻找 字面 来寻找代码:

<<start feat="11" class="ng-scope"></start><annotation index="11" class="ng-isolate-scope ng-scope" style="background-color: rgb(238, 204, 153); background-position: initial initial; background-repeat: initial initial;">>

等...

以下是我的意思演示: http://jsfiddle.net/hpNN3/7/


只需执行以下操作:

var html = $('pre');

样本: http://jsfiddle.net/hpNN3/6/